Cara cepat mengganti Older Posts(posting lama) menjadi Next post Angka

Kali ini saya akan sharing sebuah tutorial yang sangat klasik sebetulnya namun ini sangat diperlukan agar Blog semakin cantik dan ciamik.yups,saya akan memberi tutorial bagaimana cara mengganti Older post pada Blog menjadi next post angka.biasanya kalau kita Download tempalates kadang sudah ada Next post angka nya kadang juga tidak ada.Nah kalau tidak ada sobat boleh coba tutorial berikut ini.caranya cukup gampang hanya butuh beberapa menit saja

1.Log in dulu
2.Pilih Template>Edit HTML
3.Silahkan cari ]]></b:skin> Sobat,jika sudah Copy Code Di bawah ini Di atas ]]></b:skin>

Pilih warna yang sobat suka, saya sudah modifikasi warnanya (salah satu saja).

 Warna Biru

.showpageArea{float:left}
.showpageOf{margin:0 8px 0 0;padding:3px 7px;color:#232323;font:15px 'PT Sans Narrow', Arial,Verdana;background:transparent;}
.showpagePoint{color:#fff;font:bold 15px 'PT Sans Narrow', Arial,Verdana;padding:2px 7px;margin:2px;border:0px solid #fff;background:#2c8ec7;text-decoration:none}
.showpageNum a{font:15px 'PT Sans Narrow', Arial,Verdana;padding:3px 7px;margin:0 4px;text-decoration:none;background:transparent;color:#232323;}
.showpageNum a:hover{color:#fff;background:#168fb8;}
.showpage a{font:15px 'PT Sans Narrow', Arial,Verdana;padding:3px 7px;margin:0 4px;text-decoration:none;background:transparent;color:#232323;}
.showpage a:hover{color:#fff;background:#168fb8;}

Warna Hijau

.showpageArea{float:left}
.showpageOf{margin:0 8px 0 0;padding:3px 7px;color:#232323;font:15px 'PT Sans Narrow', Arial,Verdana;background:transparent;}
.showpagePoint{color:#fff;font:bold 15px 'PT Sans Narrow', Arial,Verdana;padding:2px 7px;margin:2px;border:0px solid #fff;background:#4fe02b;text-decoration:none}
.showpageNum a{font:15px 'PT Sans Narrow', Arial,Verdana;padding:3px 7px;margin:0 4px;text-decoration:none;background:transparent;color:#232323;}
.showpageNum a:hover{color:#fff;background:#4fe02b;}
.showpage a{font:15px 'PT Sans Narrow', Arial,Verdana;padding:3px 7px;margin:0 4px;text-decoration:none;background:transparent;color:#232323;}
.showpage a:hover{color:#fff;background:#4fe02b;}

Warna Merah

.showpageArea{float:left}
.showpageOf{margin:0 8px 0 0;padding:3px 7px;color:#232323;font:15px 'PT Sans Narrow', Arial,Verdana;background:transparent;}
.showpagePoint{color:#fff;font:bold 15px 'PT Sans Narrow', Arial,Verdana;padding:2px 7px;margin:2px;border:0px solid #fff;background:#fa0000;text-decoration:none}
.showpageNum a{font:15px 'PT Sans Narrow', Arial,Verdana;padding:3px 7px;margin:0 4px;text-decoration:none;background:transparent;color:#232323;}
.showpageNum a:hover{color:#fff;background:#fa0000;}
.showpage a{font:15px 'PT Sans Narrow', Arial,Verdana;padding:3px 7px;margin:0 4px;text-decoration:none;background:transparent;color:#232323;}
.showpage a:hover{color:#fff;background:#fa0000;}

NB: Yang saya tebali itu kode warnanya,sobat bisa ganti sendiri dengan warna kesukaan sobat 

4. Next cari </body>,jika Sudah di temukan Copy Kode di bawah ini di atas </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 --> 

5. Simpan Tempate.


Oke,cukup gampang kan hanya beberapa langkah saja.saya yakin sobat pasti bisa,kalau ada keluh kesah atau gak faham silahkan Komentar Di bawah ini.

Untuk memperjelas Tutorial ini saya telah Upload Video tutorialnya ke Youtube,silahkan Di lihat di awah ini.

Untuk memperjelas Tampilan Video di atas atur seperti gambar Di bawah ini