Cara
Membuat Page Navigation Number di Blog. 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.
Langsung saja gan, bagi yang ingin mencoba silahkan ikuti langkah-langkah dibawah :
Langsung saja gan, bagi yang ingin mencoba silahkan ikuti langkah-langkah dibawah :
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.
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}
<!--
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.
ijin nyontek gan..
BalasHapussemoga berhasil..^,^
Oke gan, selamat mencoba . . .
BalasHapussudah berhasil gan..
BalasHapusklo cara ganti warna kotaknya bgmn..?
blum tau juga gan . . .
BalasHapus