Pada kesempatan kali ini saya akan mencoba memberikan tutorial tentang bagaimana cara menambah tombol navigasi page (next prev) pada halaman blog.
berikut tahapan-tahapan nya.
- login ke blogger
- klik templete
- klik edit HMTL
- cari coding ]]></b:skin> untuk mempercepat pencarian gunakan ctrl+F
- letakan kode dibawah ini tepat di atas kode ]]></b:skin>
.showpageNum a{font:15px Arial,Verdana;padding:4px 8px;margin:0 4px;text-decoration:none;border:0 solid #333;background:#dfdfdf;color:#686868;border:1px solid #989898}
.showpageOf{margin:0 8px 0 0;color:#222;font:15px Arial,Verdana}
.showpageNum a:hover{color:#494949;background:#dfdfdf;border:1px solid #626262}
.showpageArea{margin:10px 0;font:15px Arial,V erdana;color:#111}
.showpagePoint{color:#434343;font:bold 15px Arial,Verdana;padding:4px 8px;margin:2px;border:1px solid #b6b5b5;background:#fff;text-decoration:none}
6. cari kode </body>, dan letakan kode dibawah ini diatas </body>
<!-- PAGE NAVIGATION START-->
<script type='text/javascript'>
var pageCount=10;
var displayPageNum=5;
var upPageWord ='« ';
var downPageWord =' »';
</script>
<script src='http://u-sup.googlecode.com/files/page_num.js' type='text/javascript'/>
<!-- PAGE NAVIGATION END-->
7. Kemudian save template dan perhatikan perubahan yang terjadi pada Blog anda, Semoga bermanfaat.
