solid #0d2601; border-right:1px solid #0d2601; font: normal 14px Georgia, Times New Roman;}.nav li li a:hover, .nav li li a:active { background:#102427url(http://lh5.ggpht.com/_pt7i0nbIOCY/SyYZwDCCgGI/AAAAAAAACc0/TPCaXfkieYA/button2_thumb%5B3%5D.gif)repeat-x top left; color:#fff;}.nav li { float:left; padding:0;}.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: -1px 0 0 220px;}.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;}#search { width: 25%; font-size: 11px; float: right; margin: 0; padding:0;}#searchform { margin:0; padding:0; overflow:hidden; display:inline;}#searchbox { background:#ddd; padding:0; margin:0;}#search input { background:transparent; color:#fff; float:left; font-size:12px; margin: 7px 0 0 10px; width: 110px; padding:3px 7px; border: 1px solid #fff; font: normal 10px arial, verdana, Times New Roman;}#search .btn { margin:7px 0 0; padding:0; width:auto; border:0;} Copy and paste the code below exactly above the code </head> <script type="text/javascript" src="http://uvumitools.googlecode.com/files/mootools-for-dropdown.js"> </script> <script type="text/javascript" src="http://uvumitools.googlecode.com/files/UvumiDropdown-compressed.js"> </script> <script type="text/javascript"> var myMenu = new UvumiDropdown("dropdown-menu"); </script>Scroll down your mouse and then find the code similar with: <div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='test (Header)' type='Header'/> </b:section> </div> Copy and paste the code below exactly under the code: <div class='NavbarMenu'> <div class='NavbarMenuleft'> <ul id='dropdown-menu' class='nav'> <li><a href='http://kolom-tutorial.blogspot.com/' rel='nofollow'>Home </a></li> <li><a href='http://kolom-tutorial.blogspot.com/search/label/download%20gratis' rel='nofollow'>Free Template</a> <ul> <li><a href='#' rel='nofollow'>Magazine Template Series&#160;&#160;&#187;</a> <ul><li><a href='http://kolom-tutorial.blogspot.com/2009/03/magazine-template-r1.html'>Magazine Template R.1</a></li> <li><a href='http://kolom-tutorial.blogspot.com/2008/03/free-template-magazine-template-1.html' rel='nofollow'>Magazine Template 1 </a></li> <li><a href='http://kolom-tutorial.blogspot.com/2008/09/free-template-magazine-template-2.html' rel='nofollow'>Magazine Template 2</a></li> <li><a href='http://kolom-tutorial.blogspot.com/2009/03/free-template-magazine-template-3-hijau.html' rel='nofollow'>Magazine Template 3</a></li> <li><a href='http://kolom-tutorial.blogspot.com/2009/03/free-template-magazine-template-3-biru.html' rel='nofollow'> Magazine Template 3.2</a></li> </ul></li> <li><a href='#' rel='nofollow'>Magazine Template R Series&#160;&#160;&#187;</a> <ul><li><a href='http://kolom-tutorial.blogspot.com/2009/03/magazine-template-r1.html'>Magazine Template R.1</a></li> <li><a href='http://kolom-tutorial.blogspot.com/2009/03/magazine-template-r12.html'>Magazine Template R.1.2</a></li> <li><a href='http://kolom-tutorial.blogspot.com/2009/04/magazine-template-r13.html'>Magazine Template R.1.3</a></li> <li><a href='http://kolom-tutorial.blogspot.com/2009/04/free-magazine-template-r14.html'>Magazine Template R.1.4</a></li> <li><a href='http://kolom-tutorial.blogspot.com/2009/07/free-magazine-template-r15.html'>Magazine Template R.1.5</a></li> </ul></li> <li><a href='#' rel='nofollow'>Templates Gallery</a></li> </ul> </li> <li><a href='http://www.blogspottutorial.com/' rel='nofollow'>Blog Tutorial</a></li> <li><a href='http://www.life4business.com/' rel='nofollow'>Business Guide</a></li> </ul></div> <div id='search'> <form action='/search/' id='searchform' method='get' style='display:inline;'> <input id='searchbox' maxlength='160' name='q' onblur='if (this.value == "") {this.value = "Search...";}' onfocus='if (this.value == "Search...") {this.value = ""}' type='text' value='Search...'/> <input class='btn' name='' src='http://lh4.ggpht.com/_pt7i0nbIOCY/ScdxoASk9rI/AAAAAAAABoM/3qt9F1KUH_s/views-24_thumb%5B1%5D.png?imgmax=800' type='image' value='Go'/> </form> </div></div>Click SAVE TEMPLATE. Done For the first step, you have done it, and for the next step, you simply replace the red-printed links with your own links, and the keywords as viewed in green should be replaced with your own as well. I am sure that you have to edit on the CSS to match with the characteristics of your template. If you want the raw file of the CSS and JavaScript UvumiTools Drop Down menu, please download here! Related posts:Removing Post Widget in HomepageNew Comment System in BloggerAdding Link Title in Blogger Post Titlepost Titles only In Blogger Homepage BlogHide one of sidebar widgets in homepage bloggerCreating Intro Page in Blogger Save and Share!Stumble Digg Tweet Save Reddit More By Blogspot Tutorial Posted at Tuesday, December 15, 2009 File Under : blog tutorial, blogger tutorial, blogspot tutorial fonte e creditos:http://www.blogspottutorial.com/2009/12/uvumitools-drop-down-menu.html traducao: UvumiTools menu drop-down ..." para Instalar in interessado eh um blog in Navegacao, talvez VOCE estabele interessado Neste menu Suspenso