cara membuat tombol next page pada 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 berikut :

ex.         

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 template.
Share this article :

Poskan Komentar

 
Support : Creating Website | Belajar Internet | Dwi Aji
Copyright © 2011. BELAJAR INTERNET - All Rights Reserved
Template Created by Creating Website Published by MTemplate
Proudly powered by Blogger