Navigasi Halaman Blog

Navigasi Halaman Blog | Sistem navigasi yang dibahas di sini merupakan custom atau perubahan dari template blogger yang sebelumnya menggunakan link posting lama - posting baru - home. Sebagian blogger masih ada yang menggunakan navigasi default dari blogger, namun bagaimana jika kita ingin mengubahnya menjadi navigasi halaman dengan angka 1, 2, 3 dan seterusnya agar terlihat lebih menarik seperti yang sering kita lihat pada website profesional?!

Selain tampilannya yang menarik, navigasi halaman dari miscah blog ini juga dapat mempermudah kita dalam melakukan lompatan pada halaman tertentu.

Berikut adalah langkah-langkah yang harus ditempuh jika kita ingin memasang navigasi ini:

• Setelah login di blogger, silahkan klik Rancangan.
• Kemudian klik tab Edit HTML.
• Letakkan kode css berikut ini di atas 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
}

• Letakkan kode berikut di atas </body>

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

• Simpan Template.

Keterangan: 

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

sumber :
http://skocikita.blogspot.com/2012/02/pasang-navigasi-halaman-blog.html