Tuesday, July 31, 2012

Cara Membuat Navigasi Nomor Halaman/Page Number Pada Blog

Cara Membuat Navigasi Page Number/Nomor Halaman Pada Blog. Perlu juga saya terangkan bahwa navigasi bernomor/page number navigation ini biasanya diletakkan dibawahnya auto-readmore pada halaman utama/homepage sebuah web atau blog. Fungsi dari navigasi bernomor/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>

<script type='text/javascript'>
var pageCount=8;
var displayPageNum=6;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='https://anduras-shop.googlecode.com/files/page-navigation.js' type='text/javascript'/>

8. Klik Save Template

SELAMAT MENCOBA

Judul: Cara Membuat Navigasi Nomor Halaman/Page Number Pada Blog; Ditulis oleh Unknown; Rating Blog: 5 dari 5