Cara Membuat Tombol Next Page di Blog


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

Langsung saja cara membuat nya :

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:#33333

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.Lanjut lagi, cari kode 'data:label.url'
10.Kemudian hapus 'data:label.url' dan ganti dengan kode dibawah ini

'data:label.url + &quot;?&amp;max-results=10&quot;'

11.Next simpan, Lalu lihat blog sobat 

Post a Comment

0 Comments