Tujuan menjadikan Navigasi bergaya Numeric ini adalah jika sesorang ingin menuju halaman lebih jauh maka akan sanggat mudah karena sudah tersedia nomer-nomer disitu. oke tanpa lama-lama lagi mari kita praktekan.
1. Pilih Template - Edit HTML - centang Expand.
2. Cari kode ]]></b:skin< untuk lebih mudahnya tekan CTRL+F dan masukan script tersebut.
3. ketikan Kode dibawah ini tepat di atas kode ]]></b:skin<
.showpageArea a {text-decoration:underline;}
.showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;}
.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}
.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}
.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}
.showpage a:hover {text-decoration:none;}
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}
4. Setelah itu cari kode </body>
5. Ketikan kode dibawah ini tepat diatas kode </body>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord='Previous';
var downPageWord='Next';
</script>
<script src='http://rumbiadalam.googlecode.com/files/pag3.js' type='text/javascript'/>
6. Ganti text yang berwarna hitam dengan sesuka anda.
7. Untuk menghindari kerusakaan script klik pratinjau untuk melihat hasil kerja script tersebut jika sudah berhasil maka klik Save template.
Selamat Mencoba ,,,,
0 komentar:
Posting Komentar