Photobucket Photobucket Photobucket

Wednesday, January 4, 2012

Cara Membuat Page Number Navigation di Blogspot


Mumpung lagi ada waktu aku kasih tutorial tentang membuat page number navigasi, sebenarnya aku lupa sih dimana aku dapet caranya fufufu.....Gampang kok....


seperti ini loh jadinya nanti...




1.Klik design - edit html, jangan lupa kasi centang pada Expand Widget Templates
2.Tekan CTRL + F pada browses kemudian cari kode ]]></b:skin>, setelah ketemu taruh scrip di bawah ini diatas kode ]]></b:skin>.

/* -- 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}

3. Tekan lagi CTRL + F dan cari kode </body>, dan taruh scrip di bawah ini di atas kode </body> 


<!-- PAGE NAVIGATION START-->
<script type='text/javascript'>
var pageCount=9;
var displayPageNum=5;
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-->

4.Terakhir,simpan Template dan lihat,dijamin blogmu semakin keren..SELAMAT MENCOBA 


JANGAN LUPA TINGGALKAN KOMENTAR ANDA

0 comments:

Post a Comment