Cara Mudah Mengganti Older Post

Older post dan newest post, blogger pastinya sudah tidak asing dengan menu navigasi yang satu ini, namun banyak yang mengeluhkan menu navigasi ini dan berharap beralih ke menu navigasi dengan angka seperti pada template wordpress, karena lebih memudahkan meloncat antar halaman, terutama bagi blog dengan galery, seperti blog yang menyediakan template blog SEO.

Mengganti older post dengan angka sebenarnya tidaklah terlalu sulit, anda hanya tinggal masuk ke menu template kemudian edit HTML, akan ada peringatan, pilih saja lanjutkan.

Kemudian anda cari kode ]]></b:skin> ,gunakan ctrl+f untuk mempermudah pencarian, jika sudah ketemu, salin kode berikut 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; }

Kemudian beralih ke kode </body>
Cari kode  </body> di template anda, jika sudah ketemu, salin kode di bawah sebelum kode </body>

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

Selesai, dan simpan template anda.
Terima kasih telah membaca cara mengganti olderpost dengan angka, silahkan berkomentar.