Cara Membuat Menu Dropdown diatas header

Hai apa kabar kamu semuanyaa....? Tentunya baik bukan...?
Kali ini saya akan membrikan tips; CARA MEMBUAT MENU DROPDOWN DIATAS  HEADER.
Langsung aja ke TKP.........
Pertama tentunya login di Blogspot dgn akun yg sobat miliki, Lalu masuk edit template Cari kode </b:skin>

Copy code CSS dibawah ini lalu pastekan tepat diatas kode ]]></b:skin>

/* Menu Horizontal Dropdown ----------------------------------------------- */ #menuwrapperpic{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJkFVtMCVQxyVJejhvnEgWZsf6VAGwU-vruwW7oC6zrpwbw2mk1FfcqYGxdGJp1ZhiKfexS5fvqRmClkwPqkPLXdWDaKR2gWsve7TaFOuPEBwHzhNCgiY1auXS2o8sRuwfDS6LqFGuHXE/s1600/menubar.png) repeat-x;width:980px;margin:0 auto;padding:0 auto} #menuwrapper{width:980px;height:20px;margin:0 auto} .menusearch{width:300px;float:right;margin:0 auto;padding:0 auto} .clearit{clear:both;height:0;line-height:0.0;font-size:0} #menubar{width:100%} #menubar,#menubar ul{list-style:none;font-family:Arial, serif;margin:0;padding:0} #menubar a{display:block;text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase;color:#CECECF;border-right:1px solid #191919;padding:12px 10px 8px} #menubar a.trigger{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZGslaDNz0_5j2CEqrsamoIrECrqDYoZuXaNrg9hU2k1F_VXKSRqWUJHVy-WLMjvxvU-eT2lOUHpKfEz2L08tO1-Uuj299jdYYuZKJT33QNNtIcXPaTQyjzMB4I8XN_n9E5BGtYVvTXTE/s1600/arrow_white.gif);background-repeat:no-repeat;background-position:right center;padding:12px 24px 8px 10px} #menubar li{float:left;position:static;width:auto} #menubar li ul,#menubar ul li{width:170px} #menubar ul li a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:5px 10px} #menubar li ul{z-index:100;position:absolute;display:none;background:#222;padding-bottom:5px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6)} #menubar li:hover a,#menubar a:active,#menubar a:focus,#menubar li.hvr a{background-color:#222;color:#E98C0A} #menubar li:hover ul,#menubar li.hvr ul{display:block} #menubar li:hover ul a,#menubar li.hvr ul a{color:#edfdfd;background-color:transparent;text-decoration:none} #menubar li ul li.hr{border-bottom:1px solid #444;border-top:1px solid #000;display:block;font-size:1px;height:0;line-height:0;margin:4px 0} #menubar ul a:hover{background-color:#555!important;color:#fff!important;text-decoration:none}

Setelah itu silahkan sobat copy kode dibawah ini dan pastekan tepat diatas kode <header>

<div id='menuwrapperpic'>
<div id='menuwrapper'>
<ul id='menubar'>
<li><a href='/'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2Q9wb6ShsTbMghRa6g3iHTO-zcUPrd1nAl2JIAmXo2AHgQaKlMAQ5agYjq9ZeH_LgF3T1edt9IDD7IWiQglVFM1obVd32XNKpIdSJb8qMNVjG8ZuUDyxRZnOD6tK5gWwPAOrTcNifZJw/s1600/home_white.png' style='padding:0px;'/> Home</a></li>
<li><a class='trigger'>Contact Us</a>
<ul>
<li><a href='YOUR-LINK' target='new'>Goggle +</a></li>
<li class='hr'/>
<li><a href='http://twitter.com/' target='new'>Contact on Twitter</a></li>
<li><a href='YOUR-LINK' target='new'>Contact on Myspace</a></li>
<li><a href='http://www.facebook.com/' target='new'>Facebook</a></li>
</ul>
</li>
<li><a class='trigger'>MENU</a>
<ul>
<li><a href='YOUR-LINK'>MENU-1-A</a></li>
<li class='hr'/>
<li><a href='YOUR-LINK'>MENU-1-B</a></li>
<li class='hr'/>
<li><a href='http://forsabogor.blogspot.com/search/label/facebook'>MENU-1-C</a></li>
<li class='hr'/>
</ul>
</li>
<li><a class='trigger'>MENU-2</a>
<ul>
<li><a href='YOUR-LINK'>MENU-2-A</a></li>
<li class='hr'/>
<li><a href='YOUR-LINK'>MENU-2-B</a></li>
<li class='hr'/>
<li><a href='YOUR-LINK'>MENU-2-C</a></li>
<li class='hr'/>
<li><a href='YOUR-LINK'>MENU-2-D</a></li>
<li class='hr'/>
<li><a href='YOUR-LINK'>MENU-2-E</a></li>
<li class='hr'/>
<li><a href='YOUR-LINK'>MENU-2-F</a></li>
<li class='hr'/>
</ul>
</li>
  </ul><div class='menusearch'><div style='float:left;padding:8px 8px 0 0;'/></div><br class='clearit'/></div>
<div style='clear:both;'/>
     </div></div>

Bagaimana sob mudah bukan...??
Semoga berhasil dan bermanfaat
Mohon Maaf atas segala kekurangan.

BERBAGI ITU INDAH