• digg
  • google-plus
  • facebook
  • twitter
  • feed
  • delicious

Membuat Navigasi Nomor Halaman atau Page Number Pada Blog

Written By Rusman edi on Saturday, February 1, 2014 | 5:17 AM
Cara Membuat Navigasi Page Number atau Nomor Halaman Pada Blog. Perlu juga saya terangkan bahwa navigasi bernomor atau page number navigation ini biasanya diletakkan dibawahnya auto-readmore pada halaman utama atau homepage sebuah web atau blog. Fungsi dari navigasi bernomor atau page number navigation ini sangatlah penting dan membuat blog kita tampil lebih keren dan profesional. Dengan menggunakan navigasi ini maka bog kita akan lebih bagus dan jumlah total halaman yang ditampilkan juga bisa kita atur dengan page navigasi ini. Nah biar lebih jelas, berikut akan saya kasihkan screenshoot gambarnya:

Untuk langkah-langkah membuatnya ikuti step dan penjelasan berikut ini:
1. Login ke blogger, lalu back up dulu template kamu agar aman.
2. Pilih satu blog yang akan dikasih Page navigator.
3. Lalu Template dan klik Edit HTML setelah itu Proceed
4. Cari kode ]]></b:skin>
5. Paste kode berikut ini tepat di atas kode ]]></b:skin>
.showpageArea a { text-decoration:underline;}
.showpageNum a { text-decoration:none; border: 1px solid #cccccc; margin:0 3px; padding:3px;}
.showpageOf{border:1px solid #7b7c7d;color:#000;margin:2px;padding:3px 6px}.showpageNum a,.showpage a{border:1px solid #7b7c7d;color:#000;text-decoration:none;margin:2px;padding:3px 6px}
.showpageNum a:hover,.showpage a:hover,.showpagePoint{border:1px solid #001627;background:#3377b4;color:#fff;margin:2px;padding:3px 6px}
6. Selanjutnya cari kode </body>
7. Paste kode berikut ini tepat di atas kode </body>
<!--Page Navigation Starts-->
<script type='text/javascript'>
var pageCount=8;
var displayPageNum=6;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='https://anduras-shop.googlecode.com/files/page-navigation.js' type='text/javascript'/>
<!--Page Navigation Ends -->
8. Klik Save Template.

*Semoga bermanfaat...
Advertisement
*Pilih Tab Komentar Yang Di Inginkan->
Comments
3 Comments

+ komentar + 3 komentar

February 14, 2013 at 3:32 PM

Mas kok page navigasinya cuma jadi di halaman depan doank..?? mengapa kok tidak mau di dalam artikel yach..??

February 14, 2013 at 11:04 PM

@Mardianus Suwardiya betul,page navigasi ini hanya muncul di homepage saja dan jika mau di munculkan pada setiap artikel harus di tambah kode lain yang bisa membuat dia bisa di munculkan pada setiap artikel..

January 16, 2014 at 1:32 AM

@Mardianus Suwardi@Silahkan baca artikel berikut sebagai perbandingan untuk blognya..
http://rusmanedi.blogspot.com/2013/11/mengenal-perintah-bif-dan-fungsinya-di.html

Post a Comment

Berikan Komentar Sesuai Dengan Kebijakan Dan Privasi Kami.!