Cara Membuat Menu Drop Down Horizontal Melayang Di Blog

Kalau Sobat Semua Mau Melihat Bagaimana Bentuk Menu Drop Down Melayang Ini ,..Sobat Semua Bisa
 Mengikuti Langkah Langkah Yg Akan Saya Buat Nanti,..
Baiklah Saya Akan Langsung Memulai Langkah-langkahnya:

1. Login Ke Akun Blog Sobat
2. Pilih Rancangan -->Tambah Gadget  Dan Pilih HTML Java Script
3. Dan Copy Paste Kode Berikut Tepat Didalamnya

<style type="text/css">
#halim ul li a {position: relative;float: bottom;display: block;width: AUTO;height: 15px;padding: 5px 0 0 0;margin-right: 5px;text-align: center;font-size: 15px;text-decoration: none;color:transparant;font-weight: bold;outline: none;}#halim li .current{color: transparant;}#halim li a:hover, #halim li a:active {background: #4B0082;background: -webkit-gradient(linear, left top, left bottom, from(#4B0082), to(#FF0000)); background: -moz-linear-gradient(top,#4B0082, #FF0000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B0082', endColorstr='#FF0000'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B0082', endColorstr='#FF0000'); display: inline-block;zoom: 1; *display: inline;border: dotted 1px #555555;padding: 3px 5px;-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 1px 0px rgba(1,0,0,.1); -moz-box-shadow: 0 1px 0px rgba(0,0,0,.1); box-shadow: 0 1px 0px rgba(0,0,0,.1); -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-o-transform:rotate(10deg);}color: #ffffff;margin: 0;font-size:18px;padding: 9px 15px 8px;text-decoration: none;}#halim {width: auto;float: left;margin: 0;padding: 0;}#halim {margin: 0;padding: 0;}#halim ul {float: left;list-style: none;margin: 0;padding: 0;}#halim li {list-style: none;margin: 0;padding: 0;}#halim li a, #halim li a:link, #halim li a:visited {color: #ffffff;display: block;text-transform: capitalize;margin: 0;padding: 9px 15px 8px;font: Bold 15px Georgia, Arial;}#halim li a:hover, #halim li a:active {background:transparant;color: #ffffff;margin: 0;font-size:20px;padding: 9px 15px 8px;text-decoration: none;}#halim li li a, #halim li li a:link, #halim li li a:visited {background: #00FFFF;background: -webkit-gradient(linear, left top, left bottom, from(#00FFFF), to(#000000)); background: -moz-linear-gradient(top,#00FFFF, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFF', endColorstr='#000000'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFF', endColorstr='#000000'); width: 250px;color: #E6E6FA;-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; border-style: outset;-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-o-transform:rotate(10deg);float: none;margin: 0;padding: 7px 10px;border-bottom: transparant;border-left: transparant;border-right: transparant;font: bold 14px kristen itc, Arial;}#halim li li a:hover, #halim li li a:active {background: #FF0000;background: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#00FF00)); background: -moz-linear-gradient(top,#FF0000, #00FF00); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#00FF00'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#00FF00'); color: #ffffff;font-size:20px;font-family:kristen itc;text-align: center;padding: 7px 10px;}#halim li {float: left;padding: 0;}#halim li ul {z-index: 9999;position: absolute;left: -999em;height: 20px;width: 170px;margin: 0;padding: 0;}#halim li ul a {width: 140px;}#halim li ul ul {margin: -32px 0 0 171px;}#halim li:hover ul ul, #halim li:hover ul ul ul, #halim li.sfhover ul ul, #halim  li.sfhover ul ul ul {left: -999em;}#halim  li:hover ul, #halim  li li:hover ul, #halim  li li li:hover ul, #halim  li.sfhover ul, #halim  li li.sfhover ul, #halim  li li li.sfhover ul {left: auto;}#halim  li:hover, #halim  li.sfhover {position: static;}#footer-column-divide {clear:both;}#halim{font-family:Comic Sans Ms;background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWTdEjP-eBA5yoqMPhyphenhyphenf7mUO_q1P_kkccZQinNGKEcQZUXE-f4ZalmlL9qUlSu7j4KZwU-Bv_nfLOpAqOrFBPVNO-Stx6JwSsUQdUGanITxIctp1LzIcLChr_xbeWZBSZedy1Bv1cuGsQm/)repeat-x;(0,0,0, 0.80);border:1px solid #C0C0C0;padding:2px 0;z-index:999;top:0px;left:1px;right:1px;position:fixed;-moz-border-radius:10px;-webkit-border-radius:10px;}
</style>

<div id='halim'>
<ul id='halim'>
<li><a href='Disini letak link sobat'>Home</a></li>
<li><a href='Disini letak link sobat' target='_blank'>Daftar Isi</a></li>
<li><a href='http://mnc-multi.blogspot.com/' target='_blank'>Download</a>
<ul class='children'>
<li><a href='Disini letak link sobat' target='_blank'>Download Aplikasi</a></li>
<li><a href='Disini letak link sobat' target='_blank'>Download Game</a></li>
<li><a href='Disini letak link sobat' target='_blank'>Download Icon</a></li>
<li><a href='Disini letak link sobat' target='_blank'>Download MP3</a></li>
<li><a href='Disini letak link sobat' target='_blank'>Download Software</a></li>
<li><a href='Disini letak link sobat' target='_blank'>Download Template</a></li>
</ul>
</li>
<li><a href='http://mnc-multi.blogspot.com/' target='_blank'>Pantun</a>
<ul class='children'>
<li><a href='Disini letak link sobat' target='_blank'>Pantun Agama</a></li>
<li><a href='Disini letak link sobat' target='_blank'>pantun Humor</a></li>
<li><a href='Disini letak link sobat' target='_blank'>Pantun Romantis</a></li>
</ul>
</li>
<li><a href='Disini letak link sobat' target='_blank'>Tips And Triks</a>
<ul class='children'>
<li><a href='Disini letak link sobat' target='_blank'>Tips Blogger</a></li>
<li><a href='Disini letak link sobat' target='_blank'>Trik Facebook</a></li>
<li><a href='Disini letak link sobat' target='_blank'>Trik Handpone</a></li>
<li><a href='Disini letak link sobat' target='_blank'>Pernak-pernik Blog</a></li>
</ul>
</li>
<li><a href='http://mnc-multi.blogspot.com/'>Tutorial</a>
<ul class='children' target='_blank'>
<li><a href='Disini letak link sobat' target='_blank'>Tutorial Blog</a></li>
<li><a href='Disini letak link sobat' target='_blank'>Tutorial Photosop</a></li>
</ul>
</li>
<li><a href='Disini letak link sobat' title='tv online' target='_blank'>Tv Online</a>
<ul class='children'>
<li><a href='Disini letak link sobat'>Antv</a></li>
<li><a href='Disini letak link sobat' target='_blank'>Tv One</a></li>
</ul>
</li>
<li><a href='Disini letak link sobat' target='_blank'><blink>Tukar Link</blink></a></li>
<li><a href='http://mnc-multi.blogspot.com' title='Lim' target='_blank'><blink>Lim</blink></a></li>
</ul>
</div>

 

  4.Simpan Dan Lihat Hasilnya

semoga berhasil :)