Abrir menu jump em nova janela

Como abrir um menu de salto em uma nova janela? Já procurei tantas vezes a resposta e achei cada explicação e códigos complicados, sem contar a infinidade de nomes que usam menu jump, menu suspenso, menu com setinha no canto e outros nomes estranhos, faça o teste no menu ao abaixo.



Mas acabei encontrando a resposta e por incrível que pareça é bem simples, basta trocar duas palavras no código, esse é o código normal do menu de suspenso:

<form name="form" id="form">
<select name="jumpMenu" id="jumpMenu" onchange="MM_jumpMenu('parent',this,0)">
<option>menu</option>
<option value="http://frasecurta.blogspot.com">Frase Curta</option>
</select>
</form>

Para fazer abrir em uma nova janela não tem nada a ver com trocar a palavra parent por blank, pois isso não funciona. Agora logo abaixo está o código modificado que abre os links em uma nova janela:

<form name="form2" id="form2">
<select name="jumpMenu2" id="jumpMenu2" onchange="window.open(this.value)">
<option>menu</option>
<option value="http://frasecurta.blogspot.com">Frase Curta</option>
</select>
</form>

A única diferença entre eles é que para abrir os link do menu de salto em uma nova janela trocamos o trecho MM_jumpMenu('parent',this,0) do primeiro código por onchange="window.open(this.value)” no segundo. Depois disso é só colocar quantos links quiser nas opções, repetindo a linha:

<option value="http://frasecurta.blogspot.com">Frase Curta</option>

Quantas vezes forem necessárias. Para colocar esse código no seu blog entre na pagina layout, adicionar gadget, html/javascript, coloque o código e clique em salvar e já está pronto.

40 comentários:

  1. Adorei essa dica!
    Já coloquei no meu blog que estou criando.
    www.conversasnarede.blogspot.com

    ResponderExcluir
  2. olha,e no meu caso,
    que meu template ja veio com tipo um menu.
    Home, contact, etc. e ate um search.

    como faço pra ativa-los?
    fiz o meu a 3 dias.
    espero resposta,
    por favor!

    ResponderExcluir
  3. Flaviana
    você teria que falar com o site que fez o seu template, pelo jeito parece que colocaram somente as imagens mas sem os códigos necessários.

    ResponderExcluir
  4. Muito realmente você é um gênio. Vc já postou sobre aquela barra de navegação que só vejo no worldpress tem para blog não?

    ResponderExcluir
  5. vc teria uma versão deste código para o wordpress...pelo jeito acho que este só funciona no blogger...grato

    ResponderExcluir
  6. teoricamente deveria funcionar em qualquer lugar, mas os blogs(blogger, wordpress) as vezes danificam os códigos.
    não tem como modificar para o wordpress

    ResponderExcluir
  7. Fabiano,
    é que o pessoal do blog o qual participo resolveram mudar de plataforma, e esse código que usei várias vezes no blogger, quando "colo" ele idêntico no wordpress simplesmente não funciona, veja um exemplo nos dois sites:

    http://filosofiacomcafe.blogspot.com/2009/05/nietzsche-ha-tantas-auroras-que-nao.html

    e

    http://cafesfilosoficos.wordpress.com/2009/05/13/nietzsche-ha-tantas-auroras-que-nao-brilham-ainda/

    -----------------------------
    lá na página de postagem do wordpress na guia de visualização até aparece a caixinha do jeito que ela deve ser, mas depois que mando postar o resultado não corresponde, será algo de minha parte que fiz errado?

    ResponderExcluir
  8. se colocou o código igual nos dois e não deu certo no wordpress, infelizmente não sei como ajudar pois é alguma coisa da própria plataforma do blog.

    infelizmente nem todos os códigos funcionam bem em blogs, já fiz varias coisas com meus sites que nunca consegui fazer em blogs, mesmo utilizando os códigos certos não funcionou.

    ResponderExcluir
  9. Que pena, mas valeu pela atenção e prontidão na resposta...continuo na busca de uma solução...valeu muito obrigado...

    ResponderExcluir
  10. Fabiano, como faz para colocar aquele negocio que vc põe em todas as postagens no blog, seria aquele "Link para essa postagem" e embaixo o código.
    Desculpe se coloquei aqui o comentario, pois não achei outro lugar específico.
    Obrigado

    ResponderExcluir
  11. Eu estou usando o código. Mas gostaria de saber se não um código ao inves de abrir em outra aba, abra na mesma...
    Porque o primeiro eu usei só que só seleciona não ativa a opção.
    Obrigado

    ResponderExcluir
  12. o primeiro código que mostro nesta postagem abre na mesma janela

    ResponderExcluir
  13. Infelizmente ele não abre, só fica selecionado e não abre.Mas de qualquer forma obrigado.

    ResponderExcluir
  14. fiz uma postagem explicando como formatar o menu jump, nela tem outro código para fazer esse tipo de menu

    http://www.dicasparablogs.com.br/2009/07/alterar-cores-tamanho-letra-do-menu.html

    ResponderExcluir
  15. i para abri na mesma pagina

    ResponderExcluir
  16. para abrir na mesma janela é só usar da forma que mostramos no inicio da postagem, antes das alterações

    ResponderExcluir
  17. Cara, valeu memo, isso me ajudou muito!

    ResponderExcluir
  18. Amigo, eu quero esse menu, porem eu gostaria que abri-se na mesma janela, e no primeiro codigo não esta abrindo na mesma janela, vc pode me ajudar nesse caso?

    Grato.

    ResponderExcluir
  19. só precisa usar o primeiro codigo que postamos aqui

    ResponderExcluir
  20. Então não sei oq ta acontecendo não, por que nesse primeiro codigo, não ta dando certo...

    :(

    ResponderExcluir
  21. Amigo, esse ai funcionou direitinho, e ainda da ate pra mudar a cor, bacana, obrigado.

    Parabens pelo site.

    ResponderExcluir
  22. Fabianoo me ajude por favor, eu não achei onde editar esse HTml, TENHO QUE MODIFICAR CERTO?
    MAS EU NAO ACHEI NO "EDITAR HTML" ESSES CODIGOS.
    OU NÃO É NO EDITAR HTML??
    SOU INICIANTE E QRO MUDAR AS COISAS DO BLOGSPOT.
    ME AJUDA PLEASE?

    BJUS

    GLÁUCIA

    ResponderExcluir
  23. Boa tarde Fabiano, me ajuda por favor, preciso q vc desenhe p mim, pq eu nao consegui ainda.
    TENHO Q EDITAR NO "EDITAR HTML"CERTO?mas eu não achei o local onde editar, procurei e nao achei nada semelhante.

    como faço ??

    beijosss

    ResponderExcluir
  24. Gláucia
    depende onde você colocou o código do menu jump, alguns são pela pagina layout, adicionar gadget, html/javascript.

    ResponderExcluir
  25. Muito Obrigado!deu certinho,usei para os Afiliados do meu Blog!

    ResponderExcluir
  26. Olá Fabiano, eu já uso essa sua dica nos blogs que administro, porém fico a cá com meus botões, será que não existe um código que faça abrir em outra guia todos os cliques que faça nos links do blog.
    Casa tenha esta resposta gostaria que me fornecesse pois é uma mão na roda para não sair da página do blog.
    Agradeça e aguardo a resposta.
    Abraço

    ResponderExcluir
  27. lucidreira
    existe um código que faz todos os links abrirem em outra janela, mas são realmente todos por exemplo até o link de uma postagem para outra vai abrir em uma nova janela. Então se quiser testar entre na pagina editar html e antes da tag </head> coloque isso aqui:
    <base target="_blank" />

    ResponderExcluir
  28. Gostaria de saber como redimencionar o menu!

    ResponderExcluir
  29. redirecionar o menu?... é só trocar os links no codigo do menu, veja a parte

    option value="http://frasecurta.blogspot.com">Frase Curta

    isso é o link e o texto que aparece

    ResponderExcluir
  30. Olá Fabiano. Gostaria de saber como faço para que os links dos bunners da saidebar do blog abram em outra guia. Já testei esse código ai a cima no qual todos, absolutamente todos o links do blog abrem em outras guias não gostei! Só quero que os dos bunners abram em outra guia.

    obrigada!
    beijo! www.dicasebijoux.blogspot.com

    ResponderExcluir
  31. Liege Karina
    não tem código especifico para outra janela.. só o target=blank

    é que alguns navegadores usam novas guias em vez de janelas, não tem como alterar isso

    ResponderExcluir
  32. Onde eu colocaria esse código target=blank, eu uso o navegador google chrome , funciona?
    tnks!!

    ResponderExcluir
  33. Liege Karina
    o target blank é no código da imagem... você colocou a imagem usando código html?

    se foi clique para editar o gadget e mude o código assim:

    <a href='endereço do site' target="_blank"><img src="endereço da imagem" border="0" /></a>

    ResponderExcluir
  34. Muitoooo Obrigada Fabiano deu certo!!

    beijokas!
    Lika

    ResponderExcluir
  35. Olá,existe algum método para que esse menu jump funcione das duas formas?Abrir apenas links específicos em outra janela,e os demais continuem na mesma.Obrigado.

    ResponderExcluir
  36. Marcos acho que não tem como usar apenas alguns links abrindo em outra janela.

    Só se criar dois menus separados

    ResponderExcluir