Membuat Pagination Page Pada Postingan Blogspot

Adakalanya kita memiliki Postingan yang panjang dan ingin kita buat lebih simple lagi dengan membagi postingan dalam beberapa bagian yang disebut juga dengan Pagination page. Pada kali ini saya akan membagikan cara membuat Pagination Page Pada Blogspot. Contoh :

1. Buka Blogger > Post > New Post
2. Pilih metode Html
   
3. Masukkan code berikut 

<span class="content1">Artikel Utama</span><span class="content2" style="display:none">Artikel kedua</span><span class="content3" style="display:none">Artikel Ketiga</span><span class="content4" style="display:none">Artikel Keempat</span>

   4.  Pada daerah yang berwarna biru masukkan artikel yang anda inginkan
   5.  Kemudian Untuk memunculkan page pada Postingan masukkan kode berikut

<p><b>Pages: <span style="color: #3d85c6"><a href="#" class="page1">1</a><a href="#" class="page2">2</a><a href="#" class="page3">3</a><a href="#" class="page4">4</a></span></b></p> 

   6.   Terakhir kita masukkan kode Javascriptnya dibawah kode diatas .

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script style="text/javascript">
jQuery(document).ready(function(){
jQuery('.page1').click(function(){
jQuery('.content1').show();
jQuery('.content2').hide();
jQuery('.content3').hide();
jQuery('.content4').hide();
return false;
});
jQuery('.page2').click(function(){
jQuery('.content1').hide();
jQuery('.content2').show();
jQuery('.content3').hide();
jQuery('.content4').hide();
return false;
});
jQuery('.page3').click(function(){
jQuery('.content1').hide();
jQuery('.content2').hide();
jQuery('.content3').show();
jQuery('.content4').hide();
return false;
});
jQuery('.page4').click(function(){
jQuery('.content1').hide();
jQuery('.content2').hide();
jQuery('.content3').hide();
jQuery('.content4').show();
return false;
});
});
</script> 

   Selesailah Tutorial  Pagination Page untuk postingan blogspot . Contoh Pagination pages Pada Blogspot bisa dilihat disini .