Cara mengganti "older post" dan "newer post" menjadi angka

Donny-Berbagi Cara mengganti "older post" dan "newer post" menjadi angka. Jumpa lagi dengan sya yg tak lain dan tak bukan bersama saya donny (udah kaya pembawa acara ya). Nah pada kali ini saya akan berbagi tips untuk memperindah blog anda. Mungkin diantara kalian bnyak yang sudah tau tentang tips ini, kan tidak ada salah nya untuk mengingatkan sesama manusia. Pada blog default sering kita jumpai kata-kata "older post (postingan lama) dan newer post (postingan baru)" nah itu menurut saya sih terlalu simple. Oleh karena itu mari kita ubah ke bentuk angka seperti di bawah

bayangkan saja tulisan older post sama newer post di ubah menjadi angka tentu saja akan terlihat sedikit lebih indah. Dari pada bacot mulu yuk kita simak tutorialnya :

1. Pertama dan yang paling utama adalah login ke blog sobat.

2. langsung saja sobat pergi ke menu template kemudian "edit template"

3. Kemudian cari kode ]]></b:skin> untuk mempermudah silahkan tekan F3 atau ctrl + f 

4. setelah ketemu kodenya, taruh kode di bawah sebelum 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. eits, belum selesai ni, masih ada 1 langkah lagi yaitu cari kode </body> kemudian taruh script 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 -->

6. Jangan lupa di pratinjau dulu untuk melihat kode error, klo tidak ada error langsung saja simpan template.