Para pengunjung blog akan suka dengan blog yang banyak artikelnya.
Tetapi, ada tetapinya. Jika blog
beratikel banyak tersebut tidak menyediakan feature navigation di blognya,
kebanyakan pengunjung hanya akan menclose blog tersebut dengan alasan sulit
untuk dijelajahi. Untuk itulah kita sebagai blogger atau webmaster perlu
menyediakan navigasi yang lengkap di blog kita. Navigasi tersebut berupa, menu navigasi, categori, popular post, dan tentunya Page navigation number.Fungsi dari page navigation number ini adalah untuk menggantikan link posting lama atau posting baru yang ada pada bawah postingan halaman utama. Dengan page navigation number ini pengunjung bisa bebas memilih halaman postingan yang ingin dibaca. Jadi pengunjung bisa melompat dari page satu ke page empat atau seterusnya hanya dengan satu klik, tanpa harus membuka page dua dan tiga dulu. Page navigation number ini juga bisa dibilang memberikan kesan rapi dan indah pada blog kita.
Nah karena pentingnya fungsi dari page navigation number,
saya membuat tutorial ini. Jika anda tertarik dengan tutorial CaraMembuat Page Navigation Number Pada Blog. Anda
dapat mengikuti step by stepnya dibawah ini:
1. Log in ke blogger.
2.
Klik template » edit HTML » centang Expand Template Widget.
3.
Cari kode ]]></b:skin> dan letakkan kode dibawah ini tepat di
atasnya.
/* -- 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 kode </body> dan letakkan kode dibawah ini tepat di atasnya.
<!-- 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 anda ingin mengganti jumlah postingan yang akan
ditampilkan pada setiap halaman silahkan ganti kode yang berwarna biru.
var pageCount=4; (Jumlah postingan yang akan ditampilkan)
var displayPageNum=4; (Jumlah tombol angka navigasi)
5. Cari kode 'data:label.url' dan ganti
semua kode itu dengan kode dibawah ini.
'data:label.url + "?&max-results=7"'
Sebenernya tidak dilakukan pun nggak apa apa, tetapi saat pengunjung mengklik label post anda, maka yang akan keluar post tidak teratur. Jadi tujuannya agar jika ada pengunjung mengklik salah satu kategori post blog anda, maka nanti akan tersusun berapa post yang akan muncul tiap pagenya.
6. Save Template anda.
