Menu Horizontal Drop-Down Dengan Nav Hitam dan Font Putih

1.Masuk pada Dasbor blogspot.
2. Pada halaman dasbor, klik Rancangan.
3. Pada halaman Elemen Laman, klik menu Edit HTML.
4. Setelah kita masuk pada halaman Edit Template, segera centang Expand Template Widget.
Pada langkah ini, bila kita tidak yakin akan berhasil melakukan pengeditan lebih baik download template blogspot terlebih dulu agar saat terjadi sesuatu pada template blog, kita tinggal upload template yang terdownload tadi pada halaman Edit Template.
5. Kemudian cari kode ]]></b:skin>, bila sahabat kesulitan mencari kode tersebut silahkan klik Ctrl+F atau pada menu browser klik menu Edit lalu pilih Find. Silahkan copy paste script ini di atas kode tersebut...

#NavbarMenu
{
background:#000000;
width:968px;
height:32px;
color:#FFF;
font:bold 8px Arial, Tahoma, Verdana;
clear:both;
margin:0 auto;
padding:0}

#subnavbar
{
background:#004313;
width:968px;
height:24px;
color:#FFF;
margin:0;
padding:0
}

#subnav li a,#subnav li a:link,#subnav li a:visited
{
color:#f9fc01;
display:block;
font-size:11px;
text-transform:capitalize;
margin:0 5px 0 0;
padding:3px 13px
}

#subnav li a:hover,#subnav li a:active
{
color:#DCD900;
display:block;
text-decoration:none;
margin:0 5px 0 0;
padding:3px 13px
}

#nav ul,#subnav ul,#subnav li
{
float:left;
list-style:none;
margin:0;
padding:0
}

*,#nav,#subnav
{
margin:0;
padding:0
}

#NavbarMenuleft
{

width:955px;
float:left;
margin:0;
padding:0
}

#nav li
{
list-style:none;
float:left;
margin:0;
padding:0
}

#nav li a,#nav li a:link,#nav li a:visited
{
color:#fff;
display:block;
text-transform:capitalize;
font:normal 12px Georgia, Times New Roman;
margin:0;
padding:12px 11px 8px
}

#nav li a:hover,#nav li a:active
{
background:#ccc;
color:#FFF;
text-decoration:none;
border-right:1px solid #296204;
border-bottom:1px solid #296204;
border-left:1px solid #296204;
margin:0;
padding:12px 9px 8px
}

#nav li li a,#nav li li a:link,#nav li li a:visited
{
background:#ccc;
width:200px;
color:#fff;
text-transform:capitalize;
float:none;
border-bottom:1px solid #0d2601;
border-left:1px solid #0d2601;
border-right:1px solid #0d2601;
font:normal 14px Georgia, Times New Roman;
margin:0;
padding:7px 10px
}

#nav li li a:hover,#nav li li a:active
{
background:#184303;
color:#fff;
padding:7px 10px
}

#nav li a.enclose,#nav li a.enclose:visited
{
border-top:1px solid #000
}

#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:-75px 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
}
6. cari kode berikut....

• cari kode <div id='wrapper'> atau <div id='content'> copas kode dibawa ini tepat dibawa kode tersebut!

• boleh juga cari kode </header> kemudian copas kode dibawah ini diatas kode </header>

<div id='NavbarMenu'>
<div id='NavbarMenuleft'>
<ul id='nav'>
<li><a href='http://jayaputrasbloq.blogspot.com/2009/12/cara-menghasilkan-uang-dari-blog-anda.html'><b>BISNIS ONLINE</b></a></li>
<li><a href='http://jayaputrasbloq.blogspot.com/search/label/Template%20Design'><b>TEMPLATE DESIGN</b></a></li>
<li><a href='http://www.facebook.com/syamsuriadirazak'><b>MY FACEBOOK</b></a></li>
<li><a href='https://twitter.com/#!/syam_sewing'><b>MY TWITTER</b></a></li>
<li><a href='http://www.plurk.com/syamsuriadi'><b>MY PLURK</b></a></li>
</ul></div>
</div>