Pada postingan kali ini, saya akan coba menerangkan bagaimana
cara membuat sebuah kode HTML Navigasi Next Page pada blog. Seperti halnya
tombol Next Page, Previous Page, dan home, namun kali ini kita akan menggunakan
angka
sebagai pedomannya. Ini dimaksudkan untuk mempermudah para pengunjung blog
untuk menjelajahi isi dari blog kita.
Berikut adalah Tutorialnya:
Masuk ke akun blogspot anda pada Dashboard pilih "Template"
>> "Edit HTML".
Sebelum anda merubah kode HTML, jangan lupa untuk membuat
backup dari kode HTML original anda, ini dilakukan jika terjadi kesalahan atau,
fungsi kode html ada yang bermasalah, anda masih bisa mengupload kembali kode
HTML aslinya yang sebelumnya telah anda Backup.
Cari Kode ]]></b:skin> dengan menekan
CTRL+F
Kemudian tambahkan kode berikut tepat diatas kode ]]></b:skin>
/* -- 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}
Selanjutnya cari kode </body> masukan kode
berikut tepat diatas </body>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord='Previous';
var downPageWord='Next';
</script>
<script
src='http://codecbd.googlecode.com/files/page-no.js' type='text/javascript'/
Lihat Priviewnya untuk memastikan tidak terjadi kesalahan
pada kode, dan lihat hasilnya.
Itu saja tutorial kali ini untuk membuat Tombol Navigasi Next
Page pada Blog dengan menggunakan angka. Semoga bermanfaat.
