Mengganti “Older Posts” Dengan Angka di Blogger

Secara default, untuk berganti halaman di blogspot menggunakan link dengan teks "Older Posts" dan "Newer Posts". Untuk itu kita akan mencoba bagaimana cara mengganti link "Older Posts" dan "Newer Posts" menjadi angka seperti gambar di bawah ini.

Ikuti langkah berikut ini :
1. Masuk ke blogger.
2. Login pastinya
3. Langkah awal tentu saja harus menuju ke template anda kemudian ke "Edit HTML"
4. Cari kode ini ]]></b:skin> dengan menekan F3 atau Ctrl + F. Copas script dibawah ini diatasnya.

.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. Kemudian cari kode ini </body>. Taruh script dibawah ini diatasnya.

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

6. Kalau sudah silahkan dilihat hasilnya.

Selamat Mengerjakan