Merubah Older Postingan di Blog Menjadi Angka

Merubah Older Postingan di Blog Menjadi Angka :

Sering sekali kita menjumpai navigasi yang untuk berpindah pindah ke halaman di blogspot. pada umumnya biasanya menggunakan link dengan teks Older Posts (posting lama) dan Newer Posts (posting baru). Berbeda dengan tampilan navigasi yang terdapat di wordpress yang navigasinya bisa berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman ke postingan yg lama maupun baru.

Berikut ini trik yang akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadikan angka seperti gambar di bawah ini, Langsung saja ikutin langkah - langkahnya dibawah ini.

• Kita harus menuju ke desain template kemudian klik "Edit HTML". 
• kemudian cari kode ini </b:skin> bila sudah ketemu pastekan script dibawah ini di 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;
}

• kemudian kita cari kode ini </body> kemudian pastekan script dibawah ini di sebelum kode </body> 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 -->

•  Setelah kita pastekan ke 2 script diatas klik Save Template. dan lihat lah hasilnya. 

tag: Merubah Older Postingan di Blog Menjadi Angka