You are here : Home » » Cara Membuat Navigasi Halaman Di Blogger

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
Tags:

Jangan Lupa Klik Tombol Like dan Shareya ... :-)

New Tutorial :
Cara Membuat Navigasi Halaman Di Blogger

Tentang Admin

Hanya seorang blogger biasa yang ingin mencoba menulis apa saja yang bisa di tulis, baik seputar tutorial blog, blogger template, dsb.

Berlangganan via RSS Feed

Mau baca artikel terbaru langsung di Email kamu? Silahkan masukan alamat email kamu untuk berlangganan artikel baru. (GRATIS!!!)

Jangan lupa konfirmasi di Email Kamu.

Jasa Redesign Template Blogger

Apa Pendapat Kamu

Tinggalkan komentar teman, dan apabila ada kesalahan dalam penulisan artikel Cara Membuat Navigasi Halaman Di Blogger silakan di betulkan ya. Tapi mohon jangan memberi komentar spam, atau komentar beserta link. Kecuali pada halaman Tukar Link maka kamu boleh meninggalkan alamat blog (tapi bukan link yang bisa di klik ya).
Contoh : http://blog.ahmadrifai.net bukan http://blog.ahmadrifai.net

27 comments

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

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

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

    Reply
  4. Bikin laman yang mana bro maksud na?

    Reply
  5. seep kang terimakasih atas share ilmunya

    Reply
  6. thank you,, ane terpkan nih gan

    Reply
  7. Sudah dicoba dan Alhamdulillah berhasil. Terima kasih..

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

    Reply
  9. 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.

    Reply
  10. makasih om., saya coba dan berhasil.,

    Reply
  11. Makasih ya mas atas tutorialnya...
    sekalian blogwalking dan jangan lupa yee follow balik...

    Reply
  12. wkwkwkwkwkw......
    berhasil gan mantab pakek b, Lanjutkan

    Reply
  13. matur nuwun gan informasinya....

    Reply
  14. mas kok sekarang udah gag bisa ya...

    Reply
  15. entar saya cek lagi mas. saya juga udah lama tidak mengecek script page navi ini.

    Reply
  16. oke makasih saya tunggu update nya

    Reply
  17. mas itu cuma di home aja ya?? klo untuk yg tiap laman gmn??

    Reply
  18. @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

    Reply
  19. Sukses Gan! Bisa di liat di situs sy. Makasih

    Reply
  20. Tks gan..
    Ilmunya ane serep ya..
    Jazaakallohu khoir..

    Reply

Leave a Reply