Cara Memecah Pos Anda ke Beberapa Halaman di Blogger

//lh4.googleusercontent.com/-eAXyxy2JJKA/AAAAAAAAAAI/AAAAAAAAGS4/OHgzqHzCvtQ/s512-c/photo.jpg
August 26, 2017

Apakah Anda mencari cara untuk memecahkan posting Anda ke dalam halaman? Anda mungkin telah melihat beberapa blog populer yang telah memecahkan posting lama mereka ke dalam halaman untuk mempertahankan ketertarikan pengguna dan juga membantu mengurangi tingkat bouncing. Hari ini di artikel ini, kami akan menunjukkan cara memecah posting Anda ke beberapa halaman di Blogger - Post Pagination.

Mengapa Memecah Post ke dalam halaman?
Seperti yang telah kita sebutkan di atas bahwa itu digunakan untuk membangun minat pembaca, jika posting Anda terlalu panjang maka mungkin membuat pembaca bosan. Kedua, ini juga bagus untuk mesin telusur, karena membantu robot mesin telusur untuk merayapi laman dengan lebih efektif dan mudah.

Oleh karena itu, jika posting Anda terlalu panjang maka Anda harus menggunakan post pagination atau jebol pos tersebut. Dan, di sini hari ini kami akan mengajarkan teknik menakjubkan ini untuk memecahkan posting blogger ke beberapa halaman.

Bagaimana Break Posts ke Beberapa Halaman
Jadi, berikut adalah langkah-langkah yang perlu Anda terapkan untuk memecah paginasi posting blogger manapun. Sebelum melangkah menuju tangga, Anda mungkin bisa mengecek demo di sini.

Pertama-tama, Masuk ke akun Blogger Anda. Kemudian pastikan skrip jquery ditambahkan di template Anda dan untuk diperiksa; Pergi ke Template >> Edit HTML.

Maka Anda perlu mencari plugin jquery yang akan berada di bawah <head> di template Anda dan akan terlihat seperti di bawah ini. Jika Anda tidak dapat melihat skrip di template Anda, cukup salin di bawah ini dan tempelkan di bawah perintah <head>.

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
Sekarang di template, cari tag ]]> </ b: skin>, dan tepat di atasnya tempelkan kode gaya CSS berikut 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;
}

Sekali lagi di template yang sama, cari </ head> dan tepat di atasnya paste kode jQuery berikut yang memungkinkan blog Anda untuk memecah posting ke halaman.

<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>

Setelah menempelkan kode, klik tombol Save template untuk menyimpan perubahan. Sekarang, klik tombol New Post dan beralih ke tab HTML lalu paste kode di bawah ini.

<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>

Setelah itu, Ganti Tambah Konten Disini dengan post body atau konten yang Anda inginkan untuk halaman tertentu. Kode ini akan memecah satu posting menjadi tiga halaman.

Anda selesai, Klik tombol Publikasikan untuk membuat posting Anda langsung ditonton.

Kode di atas akan memecah posting Anda menjadi tiga halaman; Jika Anda ingin menambah atau mengurangi jumlah halaman maka Anda harus memiliki pengetahuan dasar tentang HTML atau membiarkan kueri Anda berada di kotak komentar. Saya akan kembali ke pertanyaan Anda dan akan membantu Anda dalam hal itu.

Apakah itu bermanfaat Jika saat itu jangan lupa untuk berbagi artikel ini dengan teman Anda yang lain.


Artikel Menarik Lainnya


SUBSCRIBE TO OUR NEWSLETTER