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 :
- 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
6. Terakhir kita masukkan kode Javascriptnya dibawah kode diatas .
<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>
<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
