Cara Mudah Sekali Mengganti Older Posts Dengan Angka

Cara Ngeblogku - Pada posting ini cara ngeblog akan berbagi ilmu dan pengetahuan untuk para Blogger pemula. Menu navigasi yang terdapat pada Blogspot untuk pindah halaman ke halaman selanjutnya hanya menggunakan link dengan teks yaitu kata "Older Posts (posting lama)" dan "Newer Posts (posting baru)". 

Berbeda jauh dengan platform wordpress yang menu navigasi sudah berbentuk angka sehingga dapat mempermudah untuk pindah ke beberapa halaman ke posting yang lama ataupun posting terbaru. Cara Ngeblog kali ini akan memberikan cara untuk mengganti "Older Posts (posting lama)" dan "Newer Posts (posting baru)" dengan angka seperti yang terlihat pada gambar di bawah ini.

Cara Mengganti Older Post Dengan Angka :

• Silahkan Login ke "Account Blogger" kamu
• Silahkan kamu Klik "Template"
• Silahkan kamu Klik  "Edit HTML"
• Silahkan kamu mencari kode ini ]]></b:skin> jika sudah ketemu copy script dibawah ini 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;
}

• Selanjutnya kamu cari kode script ini </body> kemudian copy kode 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 -->

• Dan yang terakhir sekarang kamu Klik "SAVE" dan bisa melihat hasilnya.

Semoga Cara Mudah Mengganti Older Post Dengan Angka ini bisa bermanfaat buat kamu, terimakasih.