Cara Membuat Navigasi Halaman Di Blogger

Hari ini saya akan menuliskan Cara Membuat Navigasi Halaman Di Blogger.
Hmm lama juga ya saya ga nulis tutorial untuk blogger ...

Ok .... Langsung saja ke topik kali ini yaitu

Cara Membuat Navigasi Halaman Di Blog Blogger

Seperti panduan untuk blogger yang lainnya, langkah pertama yang harus di lakukan adalah login dulu ke blogger.
Setelah berada di dashboard blogger silakan pergi ke Rancangan/Tata Letak => terus ke bagian Edit Html.
Cari Kode
]]></b:skin>
Kemudian letakkan kode ini diatasnya
/* ----- Page Navigation styles ----- */
.showpageNum a {
padding: 2px 5px;
margin:0 5px;
text-decoration: none;
border:1px solid #ccc;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #eee;
}
.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
border:1px solid #ccc;
background: #ddd;
}
.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 2px 5px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #666;
text-decoration: none;
}
Setelah kode di atas sudah di letakkan di tempat yang benar, sesuai dengan instruksi di atas maka langkah selanjutnya cari kode
</body>
Kemudian letakkan kode ini di atas kode </body> tadi
<!--Page Navigation Start-->
<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://ahmad-rifai-tools.googlecode.com/files/pagenavi.js'
type='text/javascript'/>
<!--Page Navigation End -->
Jika semua sudah di letakkan di tempat yang benar silakan simpan dengan cara mengklik tombol simpan atau save.
Nah itulah cara untuk menambahkan navigasi halaman di blogger, jika navigasi halamannya tidak muncul silakan di cek lagi apakah penempatannya sudah benar.

Selamat Mencoba dan semoga berhasil

Update
Silakan baca tutorial yang baru di 6 Macam Style Navigasi Halaman Untuk Blogger

35 comments:

  1. thank Gan.., atas tips dan trik infonya.., nambah cara alternatif nie buat navigasi halaman.

    ReplyDelete
  2. wahhhh ..... kamsia mas bro keren nee....

    ReplyDelete
  3. oh iya mas bro sekalian tanya ne, klo bikin laman kya punyanya panjenengan gmna to, kasi tau dunk

    ReplyDelete
  4. Bikin laman yang mana bro maksud na?

    ReplyDelete
  5. seep kang terimakasih atas share ilmunya

    ReplyDelete
  6. Sudah dicoba dan Alhamdulillah berhasil. Terima kasih..

    ReplyDelete
  7. ALHAMDULILLAH BANG BERHASIL,,,,DARI KMAREN NYARI2 & DAPET DARI SUMBER YANG LAEN KAGAK BERHASIL_BERHASIL JUGA....THANKS BANGET...TAK KASIH JEMPOL 2 DAH....

    ReplyDelete
  8. Makasih infonya kawan sukses ya... ni dr kmrn uprek page br nemuin yg betul ni . Silahken sampeyan datang di site : www.eyuana.com
    Mohon di check saya tunggu kunjungannya.

    ReplyDelete
  9. makasih om., saya coba dan berhasil.,

    ReplyDelete
  10. Makasih ya mas atas tutorialnya...
    sekalian blogwalking dan jangan lupa yee follow balik...

    ReplyDelete
  11. wkwkwkwkwkw......
    berhasil gan mantab pakek b, Lanjutkan

    ReplyDelete
  12. mas kok sekarang udah gag bisa ya...

    ReplyDelete
  13. entar saya cek lagi mas. saya juga udah lama tidak mengecek script page navi ini.

    ReplyDelete
  14. mas itu cuma di home aja ya?? klo untuk yg tiap laman gmn??

    ReplyDelete
  15. @Abdul Rohman Laman lainnya udah di coba ya.

    Mas bisa coba gunakan cara baru di http://blog.ahmadrifai.net/2012/01/6-macam-style-navigasi-halaman-untuk.html

    ReplyDelete
  16. Sukses Gan! Bisa di liat di situs sy. Makasih

    ReplyDelete
  17. Tks gan..
    Ilmunya ane serep ya..
    Jazaakallohu khoir..

    ReplyDelete
  18. mantap brooo, berhasil lagi nih...gak salah alamat ni ke sini...hoho thanks

    ReplyDelete
  19. mkcih gan.....ilmux langsung bisa gan....

    ReplyDelete
  20. informasi yang sangat menarik,,sudah lama saya cari info ini

    ReplyDelete
  21. sukses kang
    nyari tutor di tempat lain ga berhasil, eh disini berhasil
    makasih kang infonya :D

    ReplyDelete
  22. thanks bro ,sdh gua coba dan 100% berhasil................sekali lagi terima kasih.

    ReplyDelete
  23. blog yang sangat bermanfaat sekali , 100% succes semua cara yang ada di artikelnya , terimah kasih kang :)

    ReplyDelete
  24. Wah trims berat gan,,, berhasil :-)

    ReplyDelete