Home » » Cara membuat Navigasi bergaya Numeric

Cara membuat Navigasi bergaya Numeric

Written By Baharshare 2 on Selasa, 04 Desember 2012 | 14.32

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  ,,,,
Sobat sedang membaca artikel Cara membuat Navigasi bergaya Numeric Sobat bisa menemukan artikel Cara membuat Navigasi bergaya Numeric dengan url http://baharshare2.blogspot.com/2012/12/cara-membuat-navigasi-bergaya-numeric.html, Sobat boleh menyebarkannya atau mengcopy paste-nya jika artikel Cara membuat Navigasi bergaya Numeric ini bermanfaat bagi semua teman-teman, namun jangan lupa untuk meletakkan link Cara membuat Navigasi bergaya Numeric sebagai sumbernya.
Share this article :

0 komentar:

Posting Komentar

 
Support : Hack4rt | Novalbintangs | Novalbs
Copyright © 2013. Baharshare™ 2 - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger