Membuat Menu Serbaguna Pada Atas blog / Header blog

Langsung Ke Tkp nya.

1.Login Blog Sobat.
2.Pilih Template.
3.Edit Html.

4.Centang Expand Template Widget.
5.Cari Kode : ]]></b:skin>

Copy dan pastekan kode ini diatas kode tersebut.

/*-- (mta bar) --*/ #mta_bar{background:#000; border-bottom:2px solid #111; z-index:100; top:0; left:0; width:100%; overflow:auto; position:fixed; margin-left:0; margin-right:0; margin-top:0; margin-bottom:4px; padding-left:0; padding-right:0; padding-top:7px; padding-bottom:4px; z-index:10000;opacity: 0.9;filter: alpha(opacity: 90);} * html #mta_bar{position:absolute; /*IE6 hack*/width:expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px":body.clientWidth+"px")} #mta_bar .center{float:left; text-align:center; font-family:Verdana,Arial; font-size:13px; font-weight:bold; font-style:normal; color:#FFFFFF; width:65%} #mta_bar .left{float:left; text-align:left; font-family:Verdana,Arial; font-size:13px; font-weight:normal; font-style:normal; color:#FFFFFF; width:20%} #mta_bar .right{font-family:verdana,Arial,Helvetica,sans-serif; float:right; text-align:center; font-weight:normal; font-size:10px; letter-spacing:0; width:30px; white-space:nowrap} #mta_bar .right a{font-size:10px; color:#FFFFFF; text-decoration:none} #mta_bar .right a:hover{font-size:10px; color:#80ff00; text-decoration:none} #left_bar a{background:url('http://isibackground url') no-repeat; text-decoration:none; color:#FFFFFF; padding-left:20px; padding-right:0; padding-top:0; padding-bottom:0} #left_bar a:hover{text-decoration:none; color:#80ff00} #left_bar2 a{background:url('http://isibackgroun url') no-repeat 2px; text-decoration:none; color:#FFFFFF; padding-left:21px; padding-right:0; padding-top:0; padding-bottom:0} #left_bar2 a:hover{text-decoration:none; color:#80ff00} #to_top{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjenPXPfDIYMp5iFQARBYDdwfSCn_ceAmMFw44Wm2bI1X3R6Qzqp5LPIlCKhuD7qsJwELYcg2rh1JmkMfPaxj9V77DWu8CwPjFdalmCcehElcKO14uTnRMBtcuEcfSp8LGMLw1FMOX39QwW/s400/delete.png) no-repeat scroll 0%; position:absolute; height:18px; width:19px; margin:0 0 0 900px; padding:9px 5px}

 6.Cari Kode : </head>
Copy dan pastekan koda dibawah ini dibawah kode </head>

 <div id='mta_bar'> <div id='left_bar2'> <span class='left'> <a href='http://url kamu' target='_blank'>kiri atas</a></span></div> <div id='left_bar'> <span class='center'><a href='http://url kamu' rel='nofollow' style='margin-left:-100px;'>Tengah</a></span></div> <span class='right' onmouseout='self.status=''' onmouseover='self.status='o-om.com.com';return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjenPXPfDIYMp5iFQARBYDdwfSCn_ceAmMFw44Wm2bI1X3R6Qzqp5LPIlCKhuD7qsJwELYcg2rh1JmkMfPaxj9V77DWu8CwPjFdalmCcehElcKO14uTnRMBtcuEcfSp8LGMLw1FMOX39QwW/s400/delete.png' style='cursor:hand;cursor:pointer;'/></span></div>

Selamat mencoba dan selamat berkreasi sob..
dan semoga bermanfaat..