Kindly Support Us

Selasa, 18 Desember 2012

Memasang widget navigasi pada blog tanpa edit HTML




kali ini saya akan berbagi cara memasang navigasi pada blog, seperti yang diketahui oleh sobat blogger navigasi sangat penting untuk blog. agar mudah untuk menuntun pngunjung untuk mengeksplor blog dan mudah mencari informasi pada sebuah blog. walaupun sudah banyak tamplate yang sudah memasang langsung navigasi , tapi bagi yang belum punya atau masih kurang bisa memasang navigasi ini. cara memasangnya mudah kebanyakan untuk memasang navigasi kita harus mengedit html nya langsung tapi navigasi ini hanya tinggal memasang gadget, berikut caranya :
1. login ke blogger
2. masuk ke menu layout lalu add gadget.
3. pilih HTML/Java Script
4. masukkan kode berikut


<style>
/*---------------------------------------------------------------------------------*/
/* CATEGORY MENU */
/*---------------------------------------------------------------------------------*/
#cat-menu { background:none; height:35px;}
/* category navigation */
.nav { background:#f5f5f5;width:100%;z-index:99; float:left; margin:5px 0 10px 0; padding:0px; list-style:none; height:35px;}
.nav a { position:relative; color:#555; display:block; z-index:100; text-decoration:none; }
.nav li { float:left; width:auto; border-right:1px solid #d9d9d9; }
.nav li a { font:bold 11px/15px Arial,serif; padding:10px 12px; text-decoration:none; text-transform:uppercase; }
.nav li a:hover{ background:#333; color:#fff; text-decoration:underline;}</style>
<div id='cat-menu'>
<ul class='sf-menu nav' id='cat-nav'>
<li><a href="Link anda"> menu 1</a></li>
<li><a href="link tujuan"> menu 2</a></li>
<li><a href="link tujuan"> menu 3</a></li>
</ul> 
</div>

4. save , lalu atur tempatnya sesual desain tamplate, biasanya dipasang di bawah header atau di atas post tergantung tamplatenya.
5. jangan lupa ganti link tujuan sama namanya.

sekian tutorial blog dari saya baca juga yang lain

sumber
http://ilfen-share.blogspot.com/2012/12/memasang-widget-navigasi-pada-blog.html

Tidak ada komentar:

Posting Komentar

thanks for comments

Recent Comments