Cara membuat page number di blog

Hai, kali ini saya akan membahas bagaimana cara membuat page number di blog (pada template blog) agar blog kelihatan lebih rapih dan lebih nyaman untuk pembaca.

Nah ini adalah contoh gambar page number :

Kurang lebih gambarnya seperti ini

Berikut langkah-langkahnya :

1. Login ke blogger anda
2. Daftar Entri > klik Template > edit HTML > Lanjutkan > centang Expand Template Widget
3. Tekan (Ctrl + F ) kemudian masukkan kode ini  ]]></b:skin>
4. Lalu masukkan kode script di bawah ini tepat 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:#333333; } 

    5. Selanjutnya cari lagi kode </body>

    6. Lalu masukkan kode script dibawah ini tepat diatas kode </body>

<b:if cond='data:blog.pageType != "item"'> <script type='text/javascript'> var pageCount=5; var displayPageNum=5; var upPageWord ='Previous'; var downPageWord ='Next'; </script> <script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/> </b:if>  

    7. Terakhir cari kode script 'data:label.url'

    8. Gantilah kode script diatas berikut dengan kode : 'data:label.url + &quot;?&amp;max-results=5&quot;'

    9. Simpan Template & lihat hasilnya

Semoga berhasil dan selamat mencoba......