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 :

Cara Membuat Pagination Page Pada Postingan Blogspot :

Buka Blogger > Post > New Post
Pilih metode Html
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>