Mengganti Older Post di Blog dengan Deretan Angka

Udah, jam 10 malem pas wahai sobat blogger.
Kali ini ane mau share tentang ilmu blog (lagi) nich,,
Buat blog yang masih seger biasanya navigasi untuk pindah halaman cuma ada "Older Post dan "Newer Post"
Nah, akankah lebih mudah jika loncat ke beberapa halaman dengan deretan pages number ??!!
Mau kan tampilan blog sobat menjadi seperti ini :

Untuk itu, ikuti langkah berikut :

1. Log in blogger sobat, itu pasti... kalo gak log in, mana bisa ?? kalo ngga punya blog, ya daftar doong, kalo ngga mau ??, yaudah tidur aja sono xD
2. Cari menu Template > Edit HTML

3. Cari kode ]]></b:skin> . biar lebih mudah, Ctrl + F, copas kode tadi, pasti deh bakal nemu.
4.  Taruh script di bawah ini tepat sebelum kode tadi.

.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. setelah itu cari kode </body>.
6. kemudian taruh script di bawah ini sebelum kode tadi.

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

Lihat hasilnya yaa n,n