Pada artikel kali ini blogatap akan berbagi informasi tentang Cara Membuat Next Page di Blog. Kegunaan Next Page salah satunya adalah untuk memudahkan pengunjung blog melihat layar selanjutnya dan menghemat tampilan blog agar loading blog tidak berat.
caranya membuat tombol next page / halaman selanjutnya dengan menggunakan angka di bawah postingan blogger, berikut ini langkah-langkahnya :
- Masuk blogger
- template
- edit html (centang expand template widget)
- cari kode ]]></b:skin>, untuk mempercepat pencarian tekan Ctrl + F masukkan kode ]]></b:skin> kemudian letakkan script di bawah ini tepat di atas kode ]]></b:skin>
========================================================================
.showpageArea a {text-decoration:underline;}
.showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;}
.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}
.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}
.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}
.showpage a:hover {text-decoration:none;}
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}
========================================================================
========================================================================
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord='Previous';
var downPageWord='Next';
</script>
<script src='http://blogatap.googlecode.com/files/blogger-page-nav-v2.txt' type='text/javascript'/>
========================================================================
Kemudian Save Template dan lihat perubahannya. Berikut contoh tampilan dari Next Page:
Mudah kan ? demikian cara mudah membuat tombol next page dengan angka , semoga bermanfaat. ^_^
