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 diatas 

Langsung saja cara membuat nya :

1.Login ke blog kalian.
2.Pada tampilan Dashboard pilih Template kemudian klik Edit HTML.
3.Download Template lengkap ,untuk menjaga hal-hal yang tidak diinginkan.
4.Centang Expand Template Widget.
5.Silahkan kalian cari kode ]]></b:skin> (tekan 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=&#39;Previous&#39;; var downPageWord=&#39;Next&#39;; </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. Klik pratinjau terlebih dahulu agar bisa melihat hasilnya
12. Jika hasilnya telah sesuai keinginan, klik Simpan

Tidak ada komentar:

Posting Komentar