Mengganti "Older Posts" Dengan Angka

Mengganti “Older Post” atau “Postingan Lama” di Blog

Didalam suatu blog pada bagian bawah Postingan kita kalo mau lebih tepatnya ada di bawah comment terus ke pojok kanan hehe. Nah disini Tips&Trick Blog mau share cara membuat Older Post itu berubah menjadi navigasi angka, yang membuat blog anda menjadi lebih enak di pandang + kece banget dah jadinya akakakak.

Yowes gausah lama – lama bacodnya, langsung aja gw bahas ye dibawah ini

1. Buka www.blogger.com, setelah itu Login*

*Harus punya ID Google dulu minimal yah

2. Masuk ke Tampilan Dashboard Blog kita

3. Pilih Menu ‘Template’, kemudian pilih ‘Edit HTML’

4. Jika ada tampilan seperti ini Pilih ‘Lanjutkan’

5. Cari ]]></b:skin> dengan bantuan Ctrl+F jika sudah ketemu Silahkan Copy Paste Script di bawah ini yah. Letakkan Script tepat di atas ]]></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;}

6. Upss.. Belom selesai loh ini ada beberapa step lagi yang harus dilakukan yaitu mencari </body> sudah ketemu </body> nya? Kalo udah yok Copy Paste di atas </body> ini ya.

<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord=&#39;Previous&#39;;
var downPageWord=&#39;Next&#39;;
</script>
<script src='http://marbun.googlecode.com/files/scriptsnext.js' type='text/javascript'/>

Jika berhasil maka tampilannya akan menjadi seperti ini

Oke, begitulah yang bisa saya share. Kalo ada yang kurang mohon maaf ya ^^ dan Semoga Sukses!