Cara Membuat Page Navigation Number Pada Blog

Kalian sudah melihat kan beberapa template yang menggunakan Page Navigation Number pada templatenya, seperti blog saya ini juga memakai Page Navigation Number dan kalian juga sudah tau apa fungsinya yaitu untuk mempermudah pembaca blog kita dan supaya blog kita terlihat rapi.

Berikut saya berikan cara untuk membuatnya :

• Tentunya anda Login dulu Blog anda.
• Klik Template, Lalu pilih Edit HTML.
• Centang Expand Template Widget. 
• Cari kode ]]></b:skin> dan letakkan kode dibawah ini tepat di atasnya.

/* -- 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}

• Cari kode </body> dan letakkan kode ini tepat diatasnya. 

<!-- PAGE NAVIGATION START-->
<script type='text/javascript'>
var pageCount=4;
var displayPageNum=4;
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-->

• Cari kode 'data:label.url' dan ganti kode itu dengan kode dibawah ini.

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

• Save Template.

 Catatan :
Untuk mempermudah anda mencari kode-kode HTMLnya tekan "CTRL+F"

Var pageCount=4; (Jumlah postingan yang akan ditampilkan)
Var displayPageNum=4; (Jumlah tombol angka navigasi)


Page Navigation Number sudah selesai dibuat, semoga bermanfaat bagi anda :)