Cara Menambahkan Page Navigation Number Pada Blog

Berikut caranya:

1.Log in ke blogger.
2.Klik template » edit HTML » centang Expand Template Widget.
3.Cari kode ]]></b:skin> dan letakkan kode dibawah ini tepat di atasnya.

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

4.Cari kode </body> dan letakkan kode dibawah ini tepat di atasnya.

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

Keterangan:
Jika anda ingin mengganti jumlah postingan yang akan ditampilkan pada setiap halaman silahkan ganti kode yang berwarna merah.
5.Cari kode 'data:label.url' dan ganti kode itu dengan kode dibawah ini.

 'data:label.url + &quot;?&amp;max-results=7&quot;'

Keterangan:

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


6.Save Template anda.

Nah selesai sudah Cara Menambah Page Navigation Number Pada Blog mudah-mudahan artikel ini bisa bermanfaat bagi anda!

Posted in: Tutorial Blog