Mengganti "Older Posts" Dengan Angka 1, 2, 3, dst

Pada umumnya, navigasi untuk pindah halaman di blogspot biasanya menggunakan link dengan teks yang bernama "Older Posts (posting lama)" dan "Newer Posts (posting baru)". biasanya terletak di jumlah postingan terakhir bawah kiri dan kanan. Berbeda dengan wordpress yang navigasinya bisa berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman ke postingan yg lama maupun baru.

Nha trik kali ini akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka seperti gambar di atas tadi.

Baiklah kita langsung sajah mulai ke pembahasan mengganti older post dengan tombol angka, (oia bisa juga lochh dengan menggunakan symbol juga, tapi kapan-kapan dech saya posting lagi, ini untuk permulaan sajach soalnya blog saya juga masih menggunakan seperti ini.

• Masuk Ke Bloger Anda
• Pilih Template >> klik Edit HTML >> Lanjutkan. (maka akan terbuka lembar htmlnya)
• carilah dikotak penelusuran, (kalau kotak penelusuran tidak ada silahkan tekan ctrl+f copy kode ini  ]]></b:skin>  Kalau sudah ketemu copy paste kan script dibawah ini tepat sebelum kode ]]></b:skin>
• taruh script dibawah ini sebelum kode  ]]></b:skin>
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #FF0000;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #FF0000;
background-color:#FF0000;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #FF0000;
background: #FF0000;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #FF0000;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#0000FF;
}

• Udah selesai belum, kalau sudah mari kita lanjutkan lagi dengan mencari kode  </body> Kemudian copy paste kan script dibawah ini tepat sebelum kode  </body>

<!--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 -->

Kalau sudah silahkan simpan template lalu lihat hasilnya....?/?????

sudah jadi bukan??????

silahkan tanyakan bila ada yang kurang dimengerti, malu bertanya gak akan masuk sorga heheheheheheheh

( pepatah model apaan tuch )