Cara Memasang Page Navigation Number Pada Blogger

Cara Memasang Page Navigation Number Pada Blogger - Memasang  navigasi pada blog sangatlah penting, karena dengan navigasi maka pengunjung dapat dengan mudah menjelajahi artikel yang ingin mereka cari dan pelajari. Oleh karena itu bagi seorang blogger ataupun webmaster sangatlah wajib menyediakan navigasi yang lengkap di blog mereka agar pengunjung bisa menemukan artikel sesuai dengan keinginan mereka. Dan navigasi wajib tersebut antara lain : menu navigasi, categori, popular post, dan page navigation number.

Tapi pada pembahasan kali ini kita akan membahas tentang memasang page navigation number. Apakah fungsi page navigation number?? Fungsi page navigation number adalah untuk menampilkan jumlah halaman dan tombol link pada suatu halaman yang akan dipergunakan untuk menampilkan postingan pada blog ataupun webmaster kita. Selain fungsi diatas page navigation number juga mempunyai fungsi lain yaitu memberikan kesan rapi dan indah pada blog ataupun webmaster.

Untuk memasang page navigation number, silahkan ituti langkah-langkah berikut ini :
1. Login ke blogger
2. Cari dan klik menu template >>> edit HTML >> lalu centang Expland Template Widget
3. Maka akan terbuka kumpulan script HTML. Cari kode ]]></b:skin> dan letakkan script kode dibawah ini tepat di atas kode tersebut.

/* -- NUMBER PAGE NAVIGATION -- */.showpageNum a{font:15px Arial,Verdana;padding:4px 8px;margin:0 4px;text-decoration:none;border:0 solid #333;background:#dfdfdf;color:#686868;}.showpageOf{margin:0 8px 0 0;color:#222;font:15px Arial,Verdana}.showpageNum a:hover{color:#494949;background:#dfdfdf;}.showpageArea{margin:10px 0;font:15px Arial,Verdana;color:#111}.showpagePoint{color:#434343;font:bold 15px Arial,Verdana;padding:4px 8px;margin:2px;;text-decoration:none}

4. Cari lagi kode </body> dan letakkan kode dibawah ini tepat diatas kode tersebut.

<!-- PAGE NAVIGATION START--><script type='text/javascript'>var pageCount=4;var displayPageNum=4;var upPageWord ='« ';var downPageWord =' »';</script><script src='http://u-sup.googlecode.com/files/page_num.js' type='text/javascript'/> <!-- PAGE NAVIGATION END-->

Keterangan :

• Jika ingin mengganti jumlah postingan yang akan ditampilkan pada setiap halaman, maka silahkan ganti angka pada kode var pageCount dan var displayPageNum
• var pageCount=4 (jumlah postingan yang akan ditampilkan)
• var displayPageNum=4 (jumlah tombol angka navigasi)

5. Cari lagi kode 'date:label.url' dan ganti semua kode tersebut dengan kode dibawah ini.

'data:label.url + &quot;?&amp;max-results=7&quot;'

Ketarangan : sebenarnya tidak memasang script diatas juga tidak masalah, tetapi saat pengunjung mengeklik label pada blog kita, maka kumpulan post yang keluar tidak beraturan. Jadi tujuan script diatas adalah jika ada pengunjung yang mengeklik salah satu label pada post blog kita, maka nanti akan tersusun berapa list post yang akan muncul di setiap pagenya.

6. Lalu klik Save Template

Share :

Tweet

✚

Related Post