Memasang widget navigasi pada blog

Navigasi pada blog sangat penting agar pengunjung blog dapat dengan mudah mengeksplore blog yang sedang di kunjungi. oleh karena itu berikut cara yang saya tau untuk memasang navigasi pada blog :

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 sesuai desain tamplate, biasanya dipasang di bawah header atau di atas post tergantung tamplatenya.

5. jangan lupa ganti link tujuan sama namanya.