Kunjungi Blog terbaru saya corkismet - Coretan Kang Ismet - dan tinggalkan jejak sobat disana.

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
]]></b:skin>
untuk memudahkan gunakan (Ctrl+F)
4. Paste kode di bawah ini diatas kode ]]></b:skin>
/* Page Navigation styles */
.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;
  }
5. Selanjutnya paste kode dibawah ini di atas kode </body>
 <!--Page Navigation Starts-->
<script type='text/javascript'>
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=4;
var numshowpage=6;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://btreaders.googlecode.com/files/pagenav.js' type='text/javascript'/>
<!--Page Navigation Ends -->
6. Simpan dan lihat hasilnya.

Untuk melihat contoh page navigation, lihat di blog ini, klik Home. atau contoh lain disini.

Untuk mendapatkan update terbaru di Dasbor Blogger, silahkan ikuti Blog ini

25 komentar

1. Komentar ini, diurutkan dari yang terbaru
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
Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Salin hasil parse lalu paste ke kolom komentar.


image quote pre code
  1. tengkyu kang
  2. walah, kok g jalan mas.....
  3. aduhh makasih banyak gan, dari kemarin saya coba kayak gini tapi ga bisa..
    tpi sekrng akhirnya bisa
  4. kang isemet kok gk jln ya ... np ya ...
  5. nah ini navigasi yang rapi, gue cari cari navigasi yg sejenis ini susah banget, kebanyakan navigasinya ga rapi.
  6. berhasil mas bos, bisa dilihat di blog gue (warna navigasi sudah diganti).
  7. sip!!
    mantab bro!!
    sukses!!
    akhirnya ketemu juga yang bisa dijalanin!!
  8. wah berhasil nih kang..
    mantab, thanks ya.. :D
  9. Good, teng berat. Maknyus tutorialnya :D berhasil kang: http://downloadtemplatewordpress.blogspot.com/
  10. tinkyu kang
  11. Wah makasi banget ya kang..
    almost semua posting nya berguna banget :D
  12. terima kasih kang..sangat membantu..
    salam kenal:
    http://xhamayubawono.blogspot.com/
  13. nah mantab nih Kang...makasih Tutornya...
  14. wah...makasih kangismet.. tutorialnya sangat jelas..
    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...
  15. makasih ya gan atas infonya
  16. salam kenal ya gan
  17. Wah mantap nih informasinya salam kenal gan...
  18. Wah mantap nih informasinya salam kenal gan moga sukses terus...
    1. Sama2...
  19. Cara ngebuat menu melayang kayak di blog ini gimana ?
  20. thanks kang..
    walo butuh sedikit tambahan, tapi mantab bnget deh.. :)
  21. mantap euy, makasih..
  22. mas tolong bantu blog saya,, saya baru saja pake custom template tapi kenapa laman tab saya gak muncul terus cara ngilangi gambar slide bawaan custom template gimana ??
    tolong pencerahanya.. kontak lewat email : [email protected]
    makasih
  23. Kalau buat komentar bisa nggak bang? :)
  24. gak jalan mas gimana kalau mau ngaleungitkeun navigasi nu baheulana??
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.