Mengganti Older Post di Blog dengan Angka

Di blogspot untuk pindah halaman biasanya menggunakan link dengan teks "Older Posts/posting lama" dan "Newer Posts/posting baru". Berbeda dengan wordpress yang navigasinya bisa berbentuk angka sehingga bisa memudahkan untuk pindah ke beberapa halaman posting yg lama maupun baru.
Jika ingin merubah older Post dan Newer Post menjadi angka caranya adalah sebagai berikut:

1. masuk ke desain template kemudian "Edit HTML"
2. setelah itu cari kode ini ]]></b:skin> paste script dibawah ini diatasnya

.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. kemudian cari kode ini </body> paste script dibawah ini diatasnya.

<!--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://filengawean.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if> </b:if>
<!--Page Navigation Ends -->

4. Kalau sudah save dan silahkan lihat hasilnya.

Share this post