Menu Navigasi Horizontal

Silahkan Ikuti langkah-langkah Berikut ini:
-Silahkan Login Ke Blogger
-Pada Dasbor->>Edit Html
-Lalu Klik Expand Template Widget
-Kemudian Letakan Code di bawah ini tepat di atas Code ]]></b:skin>

#NavbarMenu { background: #000; width: 400px; height: 10px; font-size: 11px; font-family: Trebuchet MS, Tahoma, Verdana; color: #fff; margin: 0px; padding: 0px; } #NavbarMenuleft { width: 400px; float: left; margin: 0; padding: 0; } #nav { margin: 0; padding: 0; } #nav ul { float: left; list-style: none; margin: 0; padding: 0; } #nav li { list-style: none; margin: 0; padding: 0; } #nav li a, #nav li a:link, #nav li a:visited { background: #222222; height: 15px; color: #fff; display: block; font-size: 11px; font-family: trebuchet ms, ; text-transform: none; text-decoration: none; margin: 0; padding-top:6px; padding-bottom:5px; padding-left:13px; padding-right:13px; border-right: 1px solid #000; } #nav li a:hover, #nav li a:active {background: #222222; color: #ffffff; margin: 0; padding-top:6px; padding-bottom:5px; padding-left:13px; padding-right:13px; text-decoration: none; } #nav li li a, #nav li li a:link, #nav li li a:visited { background: #ffffff; width: 150px; color: #222222; font-size: 11px; font-family: trebuchet ms,; font-weight: normal; text-transform: none; float: none; margin: 0; padding: 7px 10px; border: 1px solid #000; } #nav li li a:hover, #nav li li a:active { background: #222222; color: #ffffff; padding: 7px 10px; } #nav li { float: left; padding: 0; } #nav li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0; padding: 0; } #nav li ul a { width: 140px; } #nav li ul ul { margin: -32px 0 0 171px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } #nav li:hover, #nav li.sfhover { position: static; }

-Jika Sudah Silahkn Klik Save Template

-Langkah terakhir silahkan copy code di bawah ini dan letakan ke dalam Add Gadget->>Html/Javascript

<div class='menuhorisontal'>
<ul id='nav'>

<li><a href='http://tulis_alamat_url_sobat'>Title</a> </li>
<li><a href='http://tulis_alamat_url_sobat'>Title</a>
<ul>
<li><a href='http://tulis_alamat_url_sobat'>Title</a> </li>
<li><a href='http://tulis_alamat_url_sobat'>Title</a> </li>
<li><a href='http://tulis_alamat_url_sobat'>Title</a> </li>
<li><a href='http://tulis_alamat_url_sobat'></ul> </li>

<li><a href='http://tulis_alamat_url_sobat'>Title</a> </li>
<li><a href='http://tulis_alamat_url_sobat'>Title</a> </li>

<li><a href='http://tulis_alamat_url_sobat'>Title</a>
<ul>
<li><a href='http://tulis_alamat_url_sobat'>Title</a> </li>
<li><a href='http://tulis_alamat_url_sobat'>Title</a> </li>
<li><a href='http://tulis_alamat_url_sobat'>Title</a> </li>
<li><a href='http://tulis_alamat_url_sobat'>Title</a> </li>
<li><a href='http://tulis_alamat_url_sobat'>Title</a> </li>
<li><a href='http://tulis_alamat_url_sobat'>Title</a> </li>
<li><a href='http://tulis_alamat_url_sobat'>Title</a> </li>
<li><a href='http://tulis_alamat_url_sobat'>Title</a> </li>
<li><a href='http://tulis_alamat_url_sobat'>Title</a> </li>
<li><a href='http://tulis_alamat_url_sobat'>Title</a> </li>
<li><a href='http://tulis_alamat_url_sobat'>Title</a> </li>
</ul> </li>
<li><a href='http://tulis_alamat_url_sobat'>Title</a> </li>
</ul>
</div>

-Jika sudah Klik Simpan Dan Lihat Hasilnya...:)

4 comments

Perpustakaan Antropologi 7 Oktober 2010 06.12

Info bagus sob... salam kenal. Aku dah follow. Makasih telah berkunjung ke blogku dan juga sudah follow...

Sukses buat blognya

Bunawan 7 Oktober 2010 12.31

Nice info... udah ku follow back blog nya, mkasih ya udah mampir and follow my blog -boenawan.com

Bunawan 7 Oktober 2010 12.32

Nice info... udah ku follow back blog nya, mkasih ya udah mampir and follow my blog
www.boenawan.com

DipA yBboR 27 Oktober 2010 01.17

naiz info ko..
tanya donk, untuk setting background transparent apa bisa.? kalau bisa kode warnanya apa ko..
thanks

Poskan Komentar