cara mengubah tombol next page menjadi nomer pada blog

Sore gan!waktu luang kaya gini enaknya buka blog.apalagi ane punya script keren kali ini yaitu cara mengubah tombol next page menjadi tombol yang pastinya mempermudah pengunjung untuk berpindah dari page satu ke page lainnya.


Screenshot pada blog ane :

Oke,kita langsung ke tutorialnya :

1. buka blogger
2. pilih template lalu klik edit HTML

     3.cari kode ]]></b:skin> pakai Ctrl+F kemudian copykan kode berikut diatasnya

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

     4.setelah itu cari </body> kemudian copykan kode berikut diatasnya

<!-- 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-->

     5.sebelum disimpan,lakukan preview atau pratinjau terlebih dahulu kalo ada kesalahan

Sudah deh gan,sekarang blog agan jadi terlihat semakin keren dan dinamis.pengunjung pun menjadi nyaman berkunjung ke blog agan..