Sudah
pernah melihat kan beberapa template yang menggunakan page navigation
number pada templatenya. fungsi dari page navigation number ini adalah
untuk menggantikan link posting lama atau posting baru yang ada pada
bawah postingan halaman utama pada sebuah template. Dengan page
navigation number ini pengunjung bisa bebas memilih halaman postingan
keberapa yang ingin dibaca.
Page
navigation number ini juga bisa dibilang memberikan kesan rapi dan
indah pada blog kita, walaupun saya sendiri tidak menggunakannya. Tetapi
jika ada sobat yang ingin menggunakan page navigation pada blognya,
berikut ini saya berikan Cara Membuat Page Navigation Number Pada Blog.
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;border:1px solid #989898}
.showpageOf{margin:0 8px 0 0;color:#222;font:15px Arial,Verdana}
.showpageNum a:hover{color:#494949;background:#dfdfdf;border:1px solid #626262}
.showpageArea{margin:10px 0;font:15px Arial,Verdana;color:#111}
.showpagePoint{color:#434343;font:bold 15px Arial,Verdana;padding:4px 8px;margin:2px;border:1px solid #b6b5b5;background:#fff;text-decoration:none}
.showpageNum a{font:15px Arial,Verdana;padding:4px 8px;margin:0 4px;text-decoration:none;border:0 solid #333;background:#dfdfdf;color:#686868;border:1px solid #989898}
.showpageOf{margin:0 8px 0 0;color:#222;font:15px Arial,Verdana}
.showpageNum a:hover{color:#494949;background:#dfdfdf;border:1px solid #626262}
.showpageArea{margin:10px 0;font:15px Arial,Verdana;color:#111}
.showpagePoint{color:#434343;font:bold 15px Arial,Verdana;padding:4px 8px;margin:2px;border:1px solid #b6b5b5;background:#fff;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-->
<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.
5.Cari kode 'data:label.url' dan ganti kode itu dengan kode dibawah ini.
'data:label.url + "?&max-results=7"'
Keterangan:
var pageCount=4; (Jumlah postingan yang akan ditampilkan)
var displayPageNum=4; (Jumlah tombol angka navigasi)
6.Save Template anda.
Nah selesai sudah Cara Membuat Page Navigation Number Pada Blog mudah-mudahan artikel ini bisa bermanfaat bagi anda
0 komentar:
Posting Komentar