 | ||
| image by bloggerwidgets.cz.cc |
Sekarang ada Cara Mudah Membuat Page Number Navigation di Blogspot. Sebelum saya coba cara-cara lain yang menurut saya tidak sebanding dengan usahanya. He2. maksudnya mereka menawarkan cara yang ribet, tapi hasilnya kurang memuaskan. Belum lagi penggunaan javasript yang kurang halus. Loading juga tambah berat.
Dalam posting Cara Mudah Membuat Page Number Navigation ini akan saya jelaskan kelebihannya:
1. Penggunaan javasript yang halus
2. Page Number disertai border tiap numbernya.
3. Pemasangan Page Number Navigation tidak terlalu ribet.
Nah sekarang cara membuat page number navigationnya.
Sekarang cari kode yang sering banget sobat jumpai yaitu ]]>
Jika sudah, pastekan di atasnya kode berikut :
/* -- 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}
Jika sudah, kamu cari kode yang letaknya di bawah sendiri kode berikut ini :