Mengganti older post menjadi tampilan angka

Blog kita pada umumnya pindah halaman dari halaman 1 ke 2 atau seterusnya menggunakan tulisan older post(posting lama) newer post(posting baru). Disini kita akan mengubah tampilan tersebut menjadi tampilan angka agar mempermudah pengunjung meloncat kehalaman yang ia mau.

Langsung saja gini ni caranya:

• Sobat login dulu ke blog sobat
• Trus sobat pilih template > edit HTML
• Setelah itu sobat cari kode ]]></b:skin> kalo sudah ketemu taruh script 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;
} 

• setelah itu cari kode </body> kemudian taruh script ini sebelum kode tersebut

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