CustomizeTampilan Older Post Dengan Angka

Customize blog agar terlihat elegan dilakukan oleh para blog builder dengan mempercantik tampilan blog selaian menjadi blog enak untuk di lihat pengunjung juga akan betah berada lama - lama pada halaman blog kita , selain blog enak untuk dilihat perlu di lakukan juga customize blog agar memudahkan pengunjung blog untuk mengakses informasi yang ada dalam sebuah blog.

Berikut Customize blog dengan merubah tampilan older post dengan angka, dimana pada template blogspot sendiri older post berfungsi untuk pindah ke posting sebelumnya atau selanjutnya yang biasanya di tandai berupa links older post.

Masuk Halaman blog cari edit template dan simpan kode berikut sebelum kode ]]></b:skin>

.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 cari kode </body> simpan kode berikut di atas </body>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:blog.pageType != "static_page"'>

<script type='text/javascript'>

var pageCount=5;

var displayPageNum=5;

var upPageWord ='Previous';

var downPageWord ='Next';

</script>

<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>

</b:if> </b:if>