Salam Blogger Indonesia ...? Berikut ini adalah sebuah koding guna mengoptimasikan sebuah tampilan pada opsi main menu Blogspot karena dengan faslitas design ini kinerja dari pada blog akan lebih efektif yang mana blog kita akan mudah dijumpai isi/deskripsinya, sepertihalnya ketika pengunjung mencari sebuah artikel akan mudah kita tampakan pada label menu yang kita kehendaki misal suatu contoh pada posisi bawah header.
Demikian singkat peran efektifitas fasilitas sebuah main menu/sub menu yang dapat di berdayakan. Berikut adalah coding dari main menu dan tinggal Copas saja langsung pastekan pada Blog anda, caranya bagaimana...? jawab masuk pada antarmuka blog klik pada bagian rancangan dan tambahkan gadget kemudian pilih HTML java Script masukan Coding dibawah ini dan simpan perubahan ( letakan gadget dibawah header/sesuai yang yang anda kehendaki ) ..lihat hasilnya ., selamat mencoba..,
<style type="text/css">
#black{background:-webkit-gradient(linear, left top, left bottom, from(#666666), to(#FF0000)); width:960px; height:32px; color:#5A6C8C; margin:0 auto; padding:0 5px; font:bold 8px Arial, Tahoma, Verdana; border-top:1px solid #666; border-bottom:1px solid #666;-moz-box-shadow: 1px 1px 10px #888;
-webkit-box-shadow:1px 1px 10px #888;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;border-left:1px solid #333}
#NavbarMenuleft{width:700px; float:left; margin:0; padding:0;}
#nav{margin:0; padding:0;}
#nav ul{float:left; list-style:none; margin:0; padding:0;}
#nav li{border-left:1px solid #666666; border-right:1px solid #666666; list-style:none; margin:0; padding:0; text-shadow:1px 1px 1px #000;}
#nav li a, #nav li a:link, #nav li a:visited{color:#fff; display:block; text-transform:uppercase; margin:0; padding:9px 15px 9px; font:bold 11px Arial, Times New Roman;}
#nav li a:hover, #nav li a:active{background:#4a4d4c; color:#fff; padding:9px 15px 9px; text-decoration:none;}
#nav li li a, #nav li li a:link, #nav li li a:visited{background: #666666; width:150px; color:#e5e3e3; text-transform:capitalize; float:none; margin:0; padding:3px 10px; border-bottom:1px solid #151f23; border-left:px solid #151f23; border-right:2px solid #151f23; font:normal 14px Gill Sans MT, Times New Roman;-moz-box-shadow: 1px 1px 10px #888;
-webkit-box-shadow:1px 1px 10px #888;
-webkit-border-radius: 6px;}
#nav li li a:hover, #nav li li a:active{background:#4a4d4c; color:#fff; padding:3px 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:-24px 0 0 170px;}
#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;}
</style>
<div id='outer'>
<div id='black'>
<div id='navbarmenuleft'>
<ul id='nav'>
<li><a href='#'>HOME</a></li>
<li><a href='URL'>POWER POINT</a></li>
<li><a href='url'>VISUAL BASIC 6.0 7</a>
<ul>
<li><a href='url'>nm</a></li>
<li><a href='url'>nm</a></li>
<li><a href='url'>nm</a></li>
<li><a href='url'>nm</a></li>
</ul></li>
<li><a href='#'>M EXEL</a>
<ul>
<li><a href='url'>Tracking NM</a></li>
<li><a href='url'>Tracking NM</a></li>
<li><a href='url'>Tracking NM</a></li>
</ul></li>
<li><a href='#'>M WORD</a>
<ul>
<li><a href='url'>NM</a></li>
<li><a href='url'>NM</a></li>
<li><a href='url'>NM</a></li>
</ul></li>
<li><a href='#'>PHOTO SHOP</a>
<ul>
<li><a href='url'>NM</a></li>
<li><a href='url'>NM</a></li>
<li><a href='url'>NM</a></li>
</ul></li>
<li><a href='#'>M ACCSESS</a>
<ul>
<li><a href='url'>NM</a></li>
<li><a href='url'>NM</a></li>
</ul></li>
<li><a href='#'>TUTORIAL BLOGSPOT</a>
<ul>
<li><a href='url'>nm</a></li>
<li><a href='url'>NM</a></li>
<li><a href='url'>nm</a></li>
</ul></li>
<li><a href='#'>KNOWLEDGE</a>
<ul>
<li><a href='url'>nm</a></li>
<li><a href='url'>nm</a></li>
<li><a href='url'>blogs</a></li>
</ul>
</li></ul></div></div></div>
