cara mengganti Order Post dengan angka di blog

Secara umum, biasa kalo kita lihat sering melihat atau pernah memakai blog yang memakai bahasa Older Posts (posting lama), Newer Posts (posting baru) di blog, dan bila diantara sahabat blogger merasa ingin lebih mencari tantangan baru seputar trik blog Navigasi untuk pindah halaman,,,,??? fitur inilah yang bisa sahabat terapkan dalam blog. Secara umum, navigasi untuk pindah halaman ini bisa berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman ke postingan yang lama maupun halaman yang baru.

trik kali ini akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka seperti gambar di bawah ini.

Langkah awal sobat masuk ke blog sobat lanjut ke desain template anda kemudian ke "Edit HTML". 

Setelah itu cari kode ini ]]></b:skin> kalo sudah ketemu taruh script dibawah ini sebelum kode tersebut.

klik untuk melihat kode:

.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;
}

Keterangan:

Kode yang saya beri warna hijau di atas bisa sobat ganti dengan warna yang sobat mau. Tapi harus teliti ya,,,

Setelah itu cari kode ini </body> kemudian taruh script dibawah ini sebelum kode tersebut.

klik untuk melihat kode:

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

Yang terakhir simpan Teamplet:

Selamat mencoba dan sukses:

sumber:http://trik-tips.blogspot.com/2012/05/mengganti-older-posts-dengan-angka.html