Cara Membuat Page Navigation

Selamat siang para pembaca blogku :*
Siang ini gue mau share lagi nih, tentang cara membuat page navigation :)

kalo loe gak tau page navigation itu apaan, nih gue jelasin dulu sebelumnya..
Jadi, page navigation itu adalah tombol yang berupa angka, buat mempermudah kita singgah ke halaman selanjutnya pada blog kita :)
Page navigation ini juga bisa untuk mempercantik blog loe pada sob!
Dengan cara ngegantiin tulisan Posting lama/Posting Baru.
Biar lebih ringkas aja gitu keliatannya :D

oke, gue bakal kasih tau loe pada, gimana caranya :D
cekkidooottt!


1. Buka blogger.com dan masukkin email goggle dan password loe.
2. di dasbor, pilih Template dan klik edit HTML.
3. Pencet kotak kecil di atas bagian kiri, yang tulisannya Expand Template Widget.

4. Nah, abis itu, cari kode: ]]></b:skin>

Untuk mempermudah pencarian, klik ctrl + f ya sob !

5. Taruh kode dibawah ini diatas tulisan ]]></b:skin> tadi .

 /* -- NUMBER PAGE NAVIGATION -- */
.showpageNum a{font:15px Arial,Verdana;padding:4px 8px;margin:0 4px;text-decoration:none;border:0 solid #333;background:#dfdfdf;color:#686868;border:1px solid #989898}
.showpageOf{margin:0 8px 0 0;color:#222;font:15px Arial,Verdana}
.showpageNum a:hover{color:#494949;background:#dfdfdf;border:1px solid #626262}
.showpageArea{margin:10px 0;font:15px Arial,Verdana;color:#111}
.showpagePoint{color:#434343;font:bold 15px Arial,Verdana;padding:4px 8px;margin:2px;border:1px solid #b6b5b5;background:#fff;text-decoration:none}

6. terusss, cari lagi kode </body> dan paste-in kode ini diatasnya :

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

Ket: kalo loe mau ganti jumlah postingan, loe bisa ganti tulisan yang warna pink itu.

var pageCount=4; (Jumlah postingan yang akan ditampilkan)
var displayPageNum=4; (Jumlah tombol angka navigasi)

Terus kalau semuanya udah, di save deh :D
tapi kalau loe masih ragu2 sama keserasiannya dengan tema loe, coba di preview/pratinjau dulu sebelum loe save. 


Sumber ref : bdigg