Cara Membuat Tombol Next Page DiBlog

Cara Membuat Tombol Next Page DiBlog.~

Hari ini saya akan membagi tips bagaimana Cara Membuat Tombol Next Page DiBlog. Next page Number berfungsi untuk memudahkan pengunjung dalam menjelajahi situs,Next page Number ini hanya menampilkan angka 1|2|3|4..dst. Untuk lebih jelasnya silahkan lihat gambar di samping.

Dan berikut langkah-langkah Cara Membuat Tombol Next Page DiBlog :

1.Login ke blog sobat.
2.Pada tampilan Dashboard pilih Design kemudian klik Edit HTML.
3.Download Template lengkap ,untuk menjaga hal-hal yang tidak diinginkan.
4.Centang Expand Template Widged.
5.Silahkan sobat cari kode ]]></b:skin> (Ctrl+f untuk memudahkan pencarian).
6.Copy kode yang ada dibawah ini kemudian paste 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;}

7.Kemudian cari kode </body>
8.Copy kode yang ada dibawah ini dan paste kan diatas kode </body>

<script type="text/javascript"> var pageCount=5; var displayPageNum=5; var upPageWord='Previous'; var downPageWord='Next'; </script> <script src="http://yourjavascript.com/3043224162/blogger-page-navi.v1.js.txt.js" type="text/javascript"> </script>

9. Simpan Template

Semoga Berhasil .. : )