Pasang 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.
Untuk berlangganan artikel, masukan email anda disini:



5 Comment :

DUNIA BLOG 888 mengatakan...

Tombol navigasi yang dapat membuat blog kita tampil lebih profesional, salam kenal

Jon Milans mengatakan...

salam kenal kembali. trimakasih atas kunjungan dan komentarnya

SHARE AJA mengatakan...

Tombol navigasi yang mantap, mampu membuat blog tampil lebih dinamis

gopar-it mengatakan...

waw,,nice gan

http://www.blackinfo.tk/

SATU UNTUK SEMUA mengatakan...

Tombol navigasi halaman, saya sangat suka tips ini ... salam kenal persahabatan

Posting Komentar

Bahasa dapat mencerminkan kepribadian seseorang.
Bagi yang ingin promosi web, blog dan atau mendapatkan backlink dari blog ini, telah disediakan tempat khusus. Klik DISINI

 

Info Olahraga

Info Komputer

Info Blackberry