Cara Mudah Membuat Pagination di Postingan Blogspot Per Artikel

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 artikel Pada Blogspot. Contoh :

Cara Membuat Pagination Page Pada Postingan Blogspot :

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 per artikel di Blogspot. Mudah-mudahan bermanfaat


Sumur :
OraAri