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> 

<!--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

SELAMAT MENCOBA

Ditulis Oleh : Anonymous

Artikel Cara Membuat Navigasi Nomor Halaman/Page Number Pada Blog ini ditulis oleh Anonymous pada hari . Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran tentang Cara Membuat Navigasi Nomor Halaman/Page Number Pada Blog dapat Anda sampaikan melalui kotak komentar dibawah ini.

:: Get this widget ! ::

Anda sedang membaca artikel tentang Cara Membuat Navigasi Nomor Halaman/Page Number Pada Blog dan anda bisa menemukan artikel Cara Membuat Navigasi Nomor Halaman/Page Number Pada Blog ini dengan url http://tutorial-onlineku.blogspot.com/2012/07/cara-membuat-navigasi-nomor-halamanpage.html. Anda boleh menyebarluaskan atau mengcopy artikel Cara Membuat Navigasi Nomor Halaman/Page Number Pada Blog ini jika memang bermanfaat bagi anda atau teman-teman anda,namun jangan lupa untuk mencantumkan link sumbernya.Tutorial Onlineku | Tutorial Blogspot | Tutorial Blogger | Tutorial Bagi Fomula

Share :