Cara Mengganti Older Posts (Posting Lama) di Blog Menjadi Angka

Kindly Bookmark and Share it:

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

Yeahh, info bagus fakta bagus kali ini akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka seperti gambar di bawah ini

Ingat, sahabat jangan stress dahulu ketika melihat script html di bawah ini. Kelihatannya rumit tetapi jika sahabat tenang, baca, dan pahami, kemudian praktikan berdasarkan prosedurnya pasti sukses.
Let's check it out..
 
1. Langkah awal tentu saja log in ke blog sahabat
kemudian harus menuju ke desain template  kemudian ke "Edit HTML" 
2. setelah itu cari kode ini ]]></b:skin>  dengan tekan tombol pada keyboard yaitu ctrl+F, kemudian ketik  ]]></b:skin> di kotak find. Kalau sudah ketemu taruh 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;
}

3. setelah itu cari kode ini </body> kemudian taruh 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 -->

Setelah selesai klik simpan. Kemudian klik tutup. Sahabat bisa menikmati hasilnya. Kalau belum bisa silakan refresh halaman blog sahabat. Kalau berkali2 belum bisa silakan konsultasi dengan Info Bagus Fakta Bagus melalui komentar di bawah ini.
Semoga bermanfaat.

dikutip dari