a:hover, #nav li li a:active {background: #777;/*--cor de fundo hover--*/color: #FFF; /*--cor do link--*/padding: 7px 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: -32px 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;}Salve e sigamos para a 2a parte da instalacao.2opasso: Instalar o Menu Drop Down:Antes de prosseguir e importante que vocesaiba que:Voce que devera escolher o local mais adequado para instalar o seu menu no template.Nao ha como eu informar precisamente onde instalar o menu, a escolha do local devera ficar por sua conta, ate porque cada template e diferente um do outro.Acesse opainel do Blogger, e va ate o menu Modelo,clique no botao EditarHTML, nao precisa clicar em Expandir modelos de widgets, e procurepelo trecho referente ao codigo do cabecalho.Localizadoo trecho referente a tag do cabecalho no seu template, cole ABAIXOdela o codigo html do menu:<div id='NavbarMenu'><div id='NavbarMenuleft'><ul id='nav'><li><a expr:href='data:blog.homepageUrl'>Home</a></li><li><a href='SEU LINK AQUI'>Nome do Link 1</a><ul><li><a href='SEU LINK AQUI'>Nome do Link </a></li><li><a href='SEU LINK AQUI'>Nome do Link</a></li><li><a href='SEU LINK AQUI'>Nome do Link</a></li><li><a href='SEU LINK AQUI'>Nome do Link</a></li><li><a href='SEU LINK AQUI'>Nome do Link</a></li></ul></li><li><a href='SEU LINK AQUI'>Link 2</a><ul><li><a href='SEU LINK AQUI'>Nome do Link </a></li><li><a href='SEU LINK AQUI'>Nome do Link</a></li><li><a href='SEU LINK AQUI'>Nome do Link</a></li><li><a href='SEU LINK AQUI'>Nome do Link</a></li><li><a href='SEU LINK AQUI'>Nome do Link</a></li></ul></li><li><a href='SEU LINK AQUI'>Link 3</a><ul><li><a href='SEU LINK AQUI'>Nome do Link </a></li><li><a href='SEU LINK AQUI'>Nome do Link</a></li><li><a href='SEU LINK AQUI'>Nome do Link</a></li><li><a href='SEU LINK AQUI'>Nome do Link</a></li><li><a href='SEU LINK AQUI'>Nome do Link</a></li></ul></li><li><a href='SEU LINK AQUI'>Link 4</a><ul><li><a href='SEU LINK AQUI'>Nome do Link </a></li><li><a href='SEU LINK AQUI'>Nome do Link</a></li><li><a href='SEU LINK AQUI'>Nome do Link</a></li><li><a href='SEU LINK AQUI'>Nome do Link</a></li><li><a href='SEU LINK AQUI'>Nome do Link</a></li></ul></li></ul></div></div><div style='clear:both;'/>Salveas modificacoes. Pronto! Agora e so editar os links e nome dosbotoes no menu, nos locais indicados. O trecho destacado na cor azulcorrespondem aos sublinks.Otrecho em vermelho corresponde ao link principal.Abaixoseguem algumas dicas para localizar o trecho referente ao codigo docabecalho.Designerde Modelo:Sevoce quiser colocar o menu abaixo do cabecalho, procure o trechoreferente ao codigo do cabecalho e cole o codigo html do menu logoapos o final do codigo referente ao cabecalho.Sequiser que o menu fique visivel acima da barra de cabecalho, cole ocodigo do menu acima do codigo referente ao cabecalho.Seestiver usando algum modelo de template do designer de modelo doblogger,a tag referente ao cabecalho e: <header>Casoqueira que o menu fique acima do cabecalho, basta instalar o codigoacima da tag: <header>Sequiser que o menu fique abaixo do cabecalho, instale o codigo do 2opasso abaixo da tag: </header>