Dalam posting sebelumnya, saya membahas tentang “Cara Nonaktifkan Fungsi Salin di Blogger” dan hari ini saya akan membagikan rahasia kepada anda untuk membuat tampilan situs web atau blog anda memuat lebih cepat dan mengurangi tingkat bounce rate web Blogspot anda. Tidak ada keraguan bahwa saya suka platform blogging yakni CMS Blogspot. Karena itu, sebagian besar tutorial saya adalah milik Blogspot. 😄

Dalam beberapa hari terakhir, saya menemukan trik untuk mempercepat loading posting halaman Blogspot ketika saya mengunjungi situs idntimes.com dan list25.com yang sangat populer di dunia. Saya perhatikan bahwa mereka menggunakan pemisah artikel di postingan. Memisah postingan ini yakni membagi satu pos ke halaman berbeda dan membuat loading lebih cepat.

Cara Membagi Postingan Artikel Menjadi Beberapa Halaman

Saya pikir untuk berbagi trik ini dengan pengguna Blogspot yang menulis artikel panjang atau menulis di daftar 10 besar dan termasuk gambar-gambar besar.

Tetapi pertama-tama, mari kita bicara tentang apa yang melanggar posting dan bagaimana hal itu dapat membantu anda untuk meningkatkan kecepatan blogspot anda dan mengurangi tingkat bounce rate.

Apa itu Breakups in Post?

Sebagian besar blogger mengatakan bahwa tulisan posting panjang, lebih dari 500 kata  sampai 1 ribu kata, mengindeks cepat dan mendapatkan posisi dalam hasil pencarian. Mereka benar jika kontennya asli dan profesional. Tetapi posting yang panjang membuat loading web blog lama membutuhkan waktu lama untuk dimuat di browser yang mempengaruhi peringkat situs web di Google.

Itu sebabnya saya akan membagikan tutorial blogger menggunakan post break up untuk meningkatkan kecepatan loading situs web. Pemutusan pos (membagi konten artikel menjadi slide) mengurangi ukuran halaman dan membuat banyak halaman. Di sisi lain, juga bermanfaat untuk mengurangi rasio bounce rate. Jadi saya juga merekomendasikan menggunakan fungsi ini, jika anda menulis artikel yang panjang.

Manfaat Memecah atau Membagi Postingan menjadi Beberapa Halaman:

Ada tiga keuntungan menggunakan breakpoint pada Halaman Post.

1. Post Speedup

Tidak ada keraguan bahwa setengah halaman memuat lebih cepat dari satu halaman penuh. Pemisahan pos adalah cara terbaik untuk membuat kecepatan situs web lebih cepat.

2. Tingkat Bounce Rate

Pada awalnya, saya tidak terbiasa dengan rasio pentalan yang merupakan faktor lain dari SEO (Search Engine Optimization). Banyak orang bingung tentang rasio pentalan? Pertanyaannya adalah, harus naik atau turun.

Baca juga: Cara Memperbaiki Kesalahan Tag Judul Duplikat pada Webmaster Tool

Rasio pentalan adalah rata-rata dari berapa banyak penayangan, yang dilakukan satu pengunjung di situs web anda. Jika ada peningkatan rasio pentalan, berarti pengunjung meninggalkan situs anda. Untuk mengurangi rasio pentalan di Blogspot, anda harus memberikan jeda paginasi di setiap posting panjang.

3. Pengalaman Pengguna

Karena saya seorang Blogger, saya selalu mencoba memeriksa bagaimana perasaan pengunjung di situs web saya. Pengalaman Pengguna adalah setiap hal penting yang diperlukan untuk membuat blog anda lebih menarik. Membuat situs anda, yang mudah digunakan menarik lebih banyak pengunjung ke blog anda. Jadi menggunakan break paginate juga membantu meningkatkan pengalaman pengguna di blog atau situs web anda.

Reduce Bounce Rate dengan Membagi Konten Artikel Beberapa Halaman

Cara Membagi Postingan menjadi Beberapa Halaman

Jika anda ingin melihat Demo Postingan, klik tombol demo berikut.

Buka akun Blogger dan pilih blog tempat anda ingin menambahkan sistem break paginate.

Sekarang anda pergi ke menu Template> Edit HTML dan di sini anda perlu menekan ctrl + f untuk mencari tautan sumber jQueary yang akan ada di <head>. Jika tidak ada tautan yang tersedia yang mirip dengan tautan yang diberikan, maka salin lalu tempel kode ini di bawah atau sesudah tag <head> untuk mengaktifkan libratory jQuery.

 <script src=”//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js”></script>

Sekarang anda perlu mencari ]]> tag </ b: skin> di Editor Template dan kemudian tempel kode berikut sebelum tag penutup ini.

.post-pagination {
margin: 40px auto;
text-align: center;
width: 100%;
float:left;
}
.button_1, .button_2, .button_3 {
border: 2px solid #f4655f;
font-weight: 900;
padding: 6px 36px;
color:#f4655f;
transition:ease 0.69s !important;
}
.button_1:hover, .button_2:hover, .button_3:hover {
background: none repeat scroll 0 0 #f4655f;
color: #fff;
text-decoration: none;
}

CSS berikut digunakan untuk memberikan gaya ke gaya break paginate. Anda dapat menyesuaikannya sesuai dengan desain template anda dengan mengubah kode CSS saja.

Sekarang lagi cari </head> pada editor template anda dan rekatkan skrip jQuery berikut di atasnya.

<script type=”text/javascript”>
jQuery(document).ready(function(){
jQuery(‘.button_1’).click(function(){
jQuery(‘.content_1’).fadeIn(‘slow’);
jQuery(‘.content_2’).fadeOut(‘fast’);
jQuery(‘.content_3’).fadeOut(‘fast’);
jQuery(this).css(‘background’,’#F4655F’);
jQuery(this).css(‘color’,’#fff’);
jQuery(‘.button_2’).css(‘background’,’#fff’);
jQuery(‘.button_2’).css(‘color’,’#F4655F’);
jQuery(‘.button_3’).css(‘background’,’#fff’);
jQuery(‘.button_3’).css(‘color’,’#F4655F’);
return false;
});
jQuery(‘.button_2’).click(function(){
jQuery(‘.content_1’).fadeOut(‘fast’);
jQuery(‘.content_2’).fadeIn(‘slow’);
jQuery(‘.content_3’).fadeOut(‘fast’);
jQuery(this).css(‘background’,’#F4655F’);
jQuery(this).css(‘color’,’#fff’);
jQuery(‘.button_1’).css(‘background’,’#fff’);
jQuery(‘.button_1’).css(‘color’,’#F4655F’);
jQuery(‘.button_3’).css(‘background’,’#fff’);
jQuery(‘.button_3’).css(‘color’,’#F4655F’);
return false;
});
jQuery(‘.button_3’).click(function(){
jQuery(‘.content_1’).fadeOut(‘fast’);
jQuery(‘.content_2’).fadeOut(‘fast’);
jQuery(‘.content_3’).fadeIn(‘slow’);
jQuery(this).css(‘background’,’#F4655F’);
jQuery(this).css(‘color’,’#fff’);
jQuery(‘.button_1’).css(‘background’,’#fff’);
jQuery(‘.button_1’).css(‘color’,’#F4655F’);
jQuery(‘.button_2’).css(‘background’,’#fff’);
jQuery(‘.button_2’).css(‘color’,’#F4655F’);
return false;
});
});
</script>

Simpan itu. Sekarang kami telah menambahkan semua fungsi membagi posting di template blogger.
 Saatnya memanggil fungsi pada pos Blogger.

Sebelum menuju langkah selanjutnya, saya ingin menunjukkan kepada anda cara lain untuk menambahkan javascript dan CSS. Ada cara lain untuk menambahkan Javascript dan CSS di template blogger yang tidak akan dihapus ketika anda akan mengubah template blog anda.

Pertama-tama, anda perlu menambahkan beberapa tag sebelum dan sesudah kode. Untuk CSS gunakan tag berikut.

<style>CSS Here</Style>

Sekarang pergi ke Layout dari template anda dan klik Add Widget. Pilih HTML / Javascript dan rekatkan kode CSS dengan tag mulai dan tutup. Dan sekarang anda juga bisa dapat menempelkan fungsi javascript di dalamnya. Sekarang setiap kali anda mengubah template, itu akan tetap pada posisinya.

Jadi, ketika anda ingin membagi posting menjadi beberapa halaman, gunakan kode HTML berikut pada template blogspot.

<div class=”content_1″>
Add Content Here
</div>
<div class=”content_2″ style=”display: none;”>
Add Content Here
</div>
<div class=”content_3″ style=”display: none;”>
Add Content Here
</div>
<div class=”post-pagination”>
<a class=”button_1″ href=”#”>1</a>
<a class=”button_2″ href=”#”>2</a>
<a class=”button_3″ href=”#”>3</a>
</div>

Sekarang setiap kali anda ingin membagi posting menjadi beberapa halaman, buka editor posting. Ubah komposisi menjadi HTML dan rekatkan HTML ke dalamnya. Ganti Tambahkan Konten Di sini dengan paragraf anda atau apa pun yang anda ingin pisahkan dan konsep posting untuk memeriksa apakah itu berfungsi dengan benar. Setelah itu publikasikan postingan. Kode HTML di atas dapat digunakan untuk membagi satu posting menjadi tiga bagian.

Baca juga: Tips Ampuh Bagaimana Cara Meningkatkan Otoritas Domain

Akhir Kata

Terima kasih teman-teman telah mengunjungi Sumekar31 dan telah membaca artikel Cara Membagi Postingan Artikel Menjadi Beberapa Halaman ini. Silakan terus kunjungi situs ini untuk lebih banyak artikel dan informasi baru. Sampai nanti selamat tinggal. Semoga harimu indah dan menyenangkan.

Bagikan postingan ini dengan teman-teman anda, jika itu cocok untuk anda. Terima kasih banyak sampai jumpa dan sampai bertemu kembali… Salam Hangat!😊

LEAVE A REPLY

Please enter your comment!
Please enter your name here