Cara Membuat Nomor Halaman pada Blogspot

Nomor halaman pada blog kadang-kadang diperlukan tapi kebanyakan para blogger menggunakan ini. Untuk nomor halaman ini muncul angka-angka berdasarkan halaman yang kita buka. Selain penting dan ternyata dapat mempercantik blog kita. Contohnya seperti ini :

Bagaimana sobat? apakah tertarik? Jika tertarik berikut cara untuk membuatnya :

1. Login ke blog sobat.

2. Masuk ke menu template > kemudian edit html > centang Expand Template Widget.

3. Kemudian sobat cari kode ]]></b:skin> dan sobat letakkan kode dibawah ini tepat diatasnya.

/* -- 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. Kemudian cari kode </body> dan letakkan kode dibawah ini tepat 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-->

Keterangan :
Jika anda ingin mengganti jumlah postingan yang akan ditampilkan pada setiap halaman silahkan ganti kode yang berwarna biru.

5. Cari kode data:label.url dan ganti kode tersebut 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.

Semoga bermanfaat dan berhasil.