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
No comments:
Post a Comment