Membuat Navigasi Halaman / Page Navigation Blogger
Page Navigation atau navigasi halaman berfungsi untuk mempermudah pengunjung menjelajahi blog kita dan melihat halaman perhalaman.
Bagi pengguna Wordpress tentunya sudah tidak asing dengan page navigation. Bagi pengguna Blogger / Blogspot, harus menyisipkan kode javascript.
Langkah -langkah membuat navigasi menu :
1. Login ke Blogger
2. Masuk ke Dasbor > Rancangan > Edit HTML
3. Cari kode
4. Paste kode di bawah ini diatas kode ]]></b:skin>
Untuk melihat contoh page navigation, lihat di blog ini, klik Home. atau contoh lain disini.
Bagi pengguna Wordpress tentunya sudah tidak asing dengan page navigation. Bagi pengguna Blogger / Blogspot, harus menyisipkan kode javascript.
Langkah -langkah membuat navigasi menu :
1. Login ke Blogger
2. Masuk ke Dasbor > Rancangan > Edit HTML
3. Cari kode
]]></b:skin>untuk memudahkan gunakan (Ctrl+F)
4. Paste kode di bawah ini diatas kode ]]></b:skin>
/* Page Navigation styles */5. Selanjutnya paste kode dibawah ini di atas kode </body>
.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd;
}
.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
border:1px solid #888;
background: #ccc;
}
.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #666;
text-decoration: none;
}
<!--Page Navigation Starts-->6. Simpan dan lihat hasilnya.
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=4;
var numshowpage=6;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://btreaders.googlecode.com/files/pagenav.js' type='text/javascript'/>
<!--Page Navigation Ends -->
Untuk melihat contoh page navigation, lihat di blog ini, klik Home. atau contoh lain disini.
25 komentar
2. Tinggalkan komentar sesuai topik tulisan
3. Apabila ada pertanyaan diluar artikel silahkan kunjungi Ruang Obrolan.
4. Centang Beri tahu saya untuk mendapatkan notifikasi via Email ketika ada balasan
5. Untuk menghapus komentar, geser kursor ke sebelah kanan komentar Anda.
image quote pre code
tolong pencerahanya.. kontak lewat email : [email protected]
makasih
walo butuh sedikit tambahan, tapi mantab bnget deh.. :)
sayangnya kita harus menyesuaikan sedikit jumlah halaman yang ditampilkan agas sesuai dengan template blog kita. tapi manatap kang, sudah teratasi dengan baik...
mampir ke blogq untuk melihat hasilnya...
salam kenal:
http://xhamayubawono.blogspot.com/
almost semua posting nya berguna banget :D
mantab, thanks ya.. :D
mantab bro!!
sukses!!
akhirnya ketemu juga yang bisa dijalanin!!
tpi sekrng akhirnya bisa