Merubah Postingan lama / baru (Navigasi) dengan angka

Di template original Blogger sebenarnya sudah terdapat page navigasi di bawah postingan ( old post dan Never post ), tapi tampilanya kurang menarik. Tampilan tersebut bisa kita rubah dengan menggunakan angka, tetapi fungsinya tetap sama, caranya hanya dengan memasukan beberapa kode di templatenya. Jika sobat tertarik, maka ikutilah turtorial saya di bawah ini...
1. Login.
2. Masuk ke Template > Edit HTML > centang Expand Template Widget.
3 Search ]]></b:skin> (tekan F3)
4. Pastekan CSS di bawah ini diatas  ]]></b:skin>

/* -- NUMBER PAGE NAVIGATION -- */
.showpageNum a{font:15px Arial,Verdana;padding:4px 8px;margin:0 4px;text-decoration:none;border:0 solid #000000;background:#000000;color:#FFFF00;border:1px solid #FFFF00}
.showpageOf{margin:0 8px 0 0;color:#FFFF00;font:15px Arial,Verdana}
.showpageNum a:hover{color:#FFFF00;background:#FFFF00;border:1px solid #000000}
.showpageArea{margin:10px 0;font:15px Arial,Verdana;color:#FFFF00}
.showpagePoint{color:#000000;font:bold 15px Arial,Verdana;padding:4px 8px;margin:2px;border:1px solid #FFFF00;background#FFFF00;text-decoration:none}

5. Search </body> (gunakan F3)
6. Pastekan CSS berikut ini di atas </body>

<!-- PAGE NAVIGATION START-->
<script type='text/javascript'>
var pageCount=4;
var displayPageNum=4;
var upPageWord =&#39;&#171; &#39;;
var downPageWord =&#39; &#187;&#39;;
</script>
<script src='http://u-sup.googlecode.com/files/page_num.js' type='text/javascript'/>
 <!-- PAGE NAVIGATION END-->

7. Klik Simpan Template, dan silahkan lihat hasilnya

Keterangan :
Perhatikan pada kode yang dicetak biru itu dapat anda sesuaikan dengan keingin anda kode tersebutlah yang menentukan berapa jumlah posting yang akan ditampilkan pada setiap halamannya,
var pageCount=4;
var displayPageNum=4;

Dan untuk merubah Tampilan silahkan rubah kode CSSnya sesuai dengan selera anda, jika merasa tampilannya kurang cantik menurut anda

Related Post: