Cara Membuat Page Number Navigation di Blogspot

mumpung lagi ada waktu aku kasi tutorial tentang membuat page number navigasi, sebenarnya aku lupa sih dimana aku dapet caranya heheh. Sebenernya gampang aja kuq,

1. pertama kamu klik design - edit html, jangan lupa kasi centang pada Expand Widget Templates
2. kemudian tekan CTRL + F pada browses kemudian cari kode ]]></b:skin>, setelah ketemu taruh scrip di bawah ini diatas kode ]]></b:skin>.
/* -- NUMBER PAGE NAVIGATION -- */
.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,Verdana;color:#111}
.showpagePoint{color:#434343;font:bold 15px Arial,Verdana;padding:4px 8px;margin:2px;border:1px solid #b6b5b5;background:#fff;text-decoration:none}

3. Teerus, CTRL + F dan cari kode </body>, dan taruh scrip di bawah ini di atas kode </body>
<!-- PAGE NAVIGATION START-->
<script type='text/javascript'>
var pageCount=9;
var displayPageNum=5;
var upPageWord =&#39;&#171; &#39;;
var downPageWord =&#39; &#187;&#39;;
</script>
<script src='http://u-sup.googlecode.com/files/page_num.js' type='text/javascript'/>
<!-- PAGE NAVIGATION END-->

4. Pemungkasnya, simpan template dan lihat. pasti blogmu jadi makin keren :)

Labels: