Tutorial Mengganti Older Post Dengan Angka

Secara umum, navigasi untuk pindah halaman di blogspot biasanya memakai link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru)". Beda dengan wordpress yang navigasinya sanggup berbentuk angka sehingga sanggup memudahkan untuk loncat beberapa halaman ke postingan yg usang maupun baru.

Nah Trik ini aku dapatkan di BLOG T dan  aku akan  menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka ibarat gambar di bawah ini.

 1. Langkah awal tentu saja harus menuju ke desain template anda lalu ke "Edit HTML"
2. sehabis itu cari arahan ini ]]></b:skin> kalo sudah ketemu taruh script dibawah ini sebelum arahan 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;
}

3. sehabis itu cari arahan ini </body> lalu taruh script dibawah ini sebelum arahan 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 -->

Kemudian agan save ^^ , coba lihat hasilnya