Cara menggantikan older post dengan angka

Secara umum, navigasi untuk pindah halaman di blogspot biasanya menggunakan link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru)". Kalau kita menggunakan platform wordpress kita boleh menukar "Older Post" kepada angka dengan menginstall widget. Ini akan memudahkan kita untuk melompat ke halaman yang seterusnya.

Trik kali ini akan menjelaskan bagaimana cara menggantikan link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka seperti gambar di bawah ini.
Cara menggantikan older post dengan angka

1. Langkah pertama anda perlu klik pada Template yang terletak di sebelah kiri anda, kemudian klik "Edit HTML"
2. Setelah itu cari kode ini ]]></b:skin> kalau sudah jumpa sila copy script dibawah ini dan paste di sebelum code 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. Setelah itu cari code ini </body> kemudian letak script dibawah ini sebelum kode 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 -->

 

5. Kalau sudah siap lihatlah hasilnya.