Merubah Older Posts Dengan Angka (Tutorial blog)

Bagi para blogger mungkin sering melihat tulisan "Older Posts (posting lama)" dan "Newer Posts (posting baru) atau Next Post".di sini saya akan menjelaskan sedikit cara untuk merubah tulisan itu menjadi angka.

Beza dengan wordpress yang navigasinya boleh berbentuk angka sehingga boleh memudahkan untuk loncat ke beberapa halaman ke posting  yg lama maupun baru.

Contoh :

1. Langkah pertama desain template anda kemudian ke "Edit HTML"

2. setelah itu cari kode ini ]]></b:skin> kalo sudah jumpa letakkan script dibawah ini sebelum kode tersebut

.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; }

3. setelah itu cari kode ini </body> kemudian letakkan script dibawah ini sebelum kode tersebut.

<!--Page Navigation Starts--> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <script type='text/javascript'> var pageCount=5; var displayPageNum=5; var upPageWord ='Previous'; var downPageWord ='Next'; </script> <script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/> </b:if> </b:if> <!--Page Navigation Ends -->

4.save / simpan.

Kalau sudah silahkan lihat hasilnya.

Selamat mencuba . Terima kasih