Cara Menciptakan 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 menciptakan nya :

1.Login ke blog sobat.

2.Pada tampilan Dashboard pilih Design lalu klik Edit HTML.

3.Download Template lengkap ,untuk menjaga hal-hal yang tidak diinginkan.

4.Centang Expand Template Widged.

5.Silahkan teman cari instruksi ]]></b:skin> (Ctrl+f untuk memudahkan pencarian).

6.Copy instruksi yang ada dibawah ini lalu paste di atas instruksi ]]></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 instruksi </body> 

8.Copy instruksi yang ada dibawah ini dan paste kan diatas instruksi </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 instruksi 'data:label.url'

10.Kemudian hapus 'data:label.url' dan ganti dengan instruksi dibawah ini

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

11.Next simpan, Lalu lihat blog sobat 

Berbagi :