Slide # 1

PADRÃO APRESENTADO SLIDE 1 TÍTULO

VÁ PARA O BLOGGER EDITAR HTML E ENCONTRAR ESTE TEXTO E SUBSTITUIR PELA SUA DESCRIÇÃO DO POST EM DESTAQUE..... Mais informações »

Slide # 2

PADRÃO APRESENTADO SLIDE 2 TÍTULO

VÁ PARA O BLOGGER EDITAR HTML E ENCONTRAR ESTE TEXTO E SUBSTITUIR PELA SUA DESCRIÇÃO DO POST EM DESTAQUE..... Mais informações »

Slide # 3

PADRÃO APRESENTADO SLIDE 3 TÍTULO

VÁ PARA O BLOGGER EDITAR HTML E ENCONTRAR ESTE TEXTO E SUBSTITUIR PELA SUA DESCRIÇÃO DO POST EM DESTAQUE..... Mais informações »

Slide # 4

PADRÃO APRESENTADO SLIDE 4 TÍTULO

VÁ PARA O BLOGGER EDITAR HTML E ENCONTRAR ESTE TEXTO E SUBSTITUIR PELA SUA DESCRIÇÃO DO POST EM DESTAQUE..... Mais informações »

Slide # 5

PADRÃO APRESENTADO SLIDE 5 TÍTULO

VÁ PARA O BLOGGER EDITAR HTML E ENCONTRAR ESTE TEXTO E SUBSTITUIR PELA SUA DESCRIÇÃO DO POST EM DESTAQUE..... Mais informações »

Para colocar um menu suspenso em seu blog basta copiar e colar este código no blog.

<form>
<select NAME="links"
onChange="top.location.href=this.form.links.options
[this.form.links.selectedIndex].value">
<option SELECTED>Selecione </option>
<option VALUE="ENDEREÇO DO LINK">NOME DO LINK
</option>
<option VALUE="ENDEREÇO DO LINK">NOME DO LINK
</option>
<option VALUE="ENDEREÇO DO LINK">NOME DO LINK
</option>
</select>
</form>


Alterações no código

<option VALUE="ENDEREÇO DO LINK">NOME DO LINK
</option>

Não esqueça de trocar o endereço e o nome o link pois são estes os comandos que determinarão a ação de seu menu.

Para adicionar mais links basta ir acrescentado a tag acima antes de </select>

Você poderá também trocar o nome (Selecione) por um outro de sua escolha, no meu caso como utilizo este menu no meu blog de humor para a categoria piadas determinei o nome (Piadas...).

Veja o exemplo de como vai ficar o menu:


15 comentários:

  1. Oi Colegaaa
    poxa vidaaa vc não sabe como me ajudou com esse post
    obrigada msm a um tempão q eu vinha procurando esse codigo

    valeu msm

    bjss

    ResponderExcluir
  2. Fiz no meu blog e deu serto , editei uma nova
    widget em html.javascrip fiz como esta postado aqui perfeito vai me ajudar bastante esse menu flutuante

    ResponderExcluir
  3. Post 10. Fiz um semelhante no meu blog, o Dicas Plugins e Templates e linkei vc como fonte.

    http://dicasplugins.net/2008/12/widget-kinks-com-menu-suspenso.html

    ResponderExcluir
  4. Legal de mais, eu coloquei ele como navegação no meu blogger.

    ResponderExcluir
  5. é bom mas em um certo ponto da um bug, porque o meu tem muitos links, fica meio bugado!

    ResponderExcluir
  6. Usei este codgo e deu certo, valeu pela dica:

    Uma dica: se usar como Widget no blogger, coloca um titulo a ele fora das tags "form", assim: usando as tags "title" NOME "/title"(subistitua as aspas por os caracteres de maior e menor Q).

    Isso ajuda os buscadores tipo o google encontrar seu menu suspenso, OK!

    Confira exemplo em: www.informaticaead.blogspot.com

    ResponderExcluir
  7. Muito útil. Deu certinho aqui

    Um abraço

    ResponderExcluir
  8. Nossa perfeito ..
    Tava procurando a um tempaum por alguem explicasse como por um menu suspenso :D

    ResponderExcluir
  9. oi... eu tinha achado um outro codigo do menu suspenso, mas nao tive sorte com ele. esse seu codigo funciona perfeitamente

    vlw

    ResponderExcluir
  10. Muito Obrigadoooo!!!! Já estava louco procurando esse código!!!! Muito bommmm!!!! Eu encontrei um, mas não era compatível com internet Explorer 8!!! valeu mesmo!!!!

    ResponderExcluir
  11. muito bom seu post mano nao sabe o quanto mim ajudou fico muito agradecido.!

    ResponderExcluir
  12. vlwwww
    estava procurando isso

    abraçoss
    showww

    ResponderExcluir
  13. Ola gostaria de saber como faço para colocar pois nao consigo sou iniciante ainda e nao sei mexer muito no blogger e gostaria que você pudesse me ajudar a colocar o menu suspense no blogger

    ResponderExcluir

*Procure deixar comentários que tenha relação com o post
*Não faça spam
*formulário de contato
*Os comentários não refletem a opinião do autor deste blog
*Obrigado por comentar!!!