Membuat Navigasi Halaman Menggunakan Javascript

Sumber : Cara Pasang Iklan Di Dalam Postingan Blog | Dodol Blog Copy Right @ 2011 All Rights Reserved Dodol Blog # Login di blogger, silahkan sobat klik Rancangan.
# Kemudian klik tab Edit HTML.
# Expand Template Widget tidak usah di klik.
# Letakkan kode css berikut ini sebelum kode ]]></b:skin>

.showpageNum a {

color:#FFF;padding:4px 10px;

margin:0 2px;

text-decoration:none;

-webkit-border-radius:2px;-

moz-border-radius:2px;

background:#848484

}
.showpageOf {

color:#222;

margin:0 6px 0 0

}
.showpageNum a:hover {

background:#222;

color:#FFF

}
.showpagePoint {

color:#FFF;

text-shadow:0 1px 2px #333;

padding:4px 10px;

margin:0 2px;

-webkit-border-radius:2px;

-moz-border-radius:2px;

background:#222;

text-decoration:none
}

5. Dan letakkan kode berikut sebelum </body>

<script type='text/javascript'>
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=10;
var numshowpage=7;
var upPageWord =&#39;&#9668;&#39;;
var downPageWord =&#39;&#9658;&#39;;
</script>
<script src='http://miscah.googlecode.com/files/pagenav.js' type='text/javascript'/>

6. Kemudian Simpan Template.


Keterangan :
var postperpage=10; adalah jumlah postingan dalam satu halaman, sesuaikan dengan jumlah postingan sobat, jika jumlah postingannya 5 maka ganti angka tersebut dengan angka 5
var numshowpage=7; adalah jumlah tombol navigasi dalam satu halaman

Hasilnya Seperti Ini