Mengganti "Older Posts" Dengan Angka

Biasanya default dari template Blogger (blogspot.com) memiliki "Older Posts (posting lama)" dan "Newer Posts (posting baru)". kelamahan dari  "Older Posts/Posting lama" dan "Newer Posts/posting baru" yaitu anda tidak bisa langsung menuju halaman 3 sebelum melewati halaman 2 jadi pada trik kali ini saya akan  menjelaskan bagaimana cara mengganti link "Older Posts/posting lama" dan "Newer Posts/posting baru" menjadi angka seperti gambar di bawah ini

1. Pertama-tama silahkan backup template untuk menghindari hal-hal yang tidak di inginkan
2. Masuk Ke akun Blogger anda Template  "Edit HTML"
3. setelah itu cari kode ini ]]></b:skin>Jika sudah ketemu Silahkan simpan script dibawah ini 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;
}

4. Jika sudah selesai silahkan cari code </body> kemudian Simpan script dibawah ini sebelum kode </body>

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

Jika sudah selesai,, lihat hasilnya,,,,

semoga bermanfaat...