Cara membuat Navigasi bergaya Numeric

Kali ini Baharshare akan memberikan tutor membuat navigasi bergaya numberic. mungkin untuk para blogger navigasi berupa text seperti Next page, previous page itu sudah jadul ya ,hehehe .
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=&#39;Previous&#39;;
var downPageWord=&#39;Next&#39;;
</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  ,,,,

4 komentar:

  1. thanks kawan untuk tutorialnya... saya jajal

    ReplyDelete
  2. ok gan ,, terima kasih sudah berkunjung ,, jika link tidak bisa silahkan berkomentar

    ReplyDelete
  3. mantap gan, terima kasih banyak ya atas ilmunya.. :)

    ReplyDelete
  4. maksih banget gan , work dan blog jdi keren jangan lupa kunjungan baliknya di http://abdullahfaqih911.blogspot.com/

    ReplyDelete