Pop Up

O código para fazer uma janela por up, ou seja, abrir uma janela do tamanho que você quer no seu blog é o seguinte:

<a href="javascript:;" onClick="MM_openBrWindow('URL DA PAGINA,'','status=yes,scrollbars=yes,resizable=yes,width=400,height=250')"><img src="URL DA IMAGEM" width="120" height="60" border="0"></a>

Agora para você poder deixar essa janela exatamente do modo que precisa, vamos entender como mudar esse código para adaptar ao seu blog.

URL DA PAGINA endereço da pagina que abrirá na janela

status=yes opção de mostrar a barra de status

scrollbars=yes mostrar barras de rolagens se necessarias

resizable=yes mostrar alças de dimensionamento, ou seja, permite o visitante alterar o tamanho da janela

width=400,height=250 esse é o tamanho da janela que será aberta, olhe os valores para se localizar dentro do código acima, pois as palavras para definir a largura e altura da imagem são as mesmas palavras o importante aqui é a posição dentro do código.

URL DA IMAGEM endereço da imagem que será exibida.

width="120" height="60" border="0" altura, largura da imagem, e sem borda, se quiser pode colocar uma borda de qualquer valor mudando o numero 0

Em varias opções vemos a palavra “yes”, para não exibir essas opções troque pela palavra “no”
Esse é o código padrão para janela pop up e deve ser inserido no local que você deseja que apareça a imagem. Normalmente só esse código já faz que o pop up funcione, pois o blog já tem a outra parte do código, mas caso ele não funcione, a causa disso é a falta dessa parte:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>

Coloque isso entre e , mas tente primeiro sem essa parte, pois geralmente os blogs já têm isso automaticamente.
Related Posts with Thumbnails

Link desta Pagina

Compartilhe essa Página

95 comentários:

  1. eu tou criando site de videos online mais eu quero que esses video abra em uma janela pop up como que eu faço ???

    ResponderExcluir
  2. amigo eu queria abrir um popup no meu blogger só que alem de configurar a altura e a largura eu gostaria de escolher só a parte que me enteressa dessa pagina para abrir nesse popup eu tenho esse codigo para abrir só que eu gostaria por exemplo eu gostaria de abrir umma popup de sua pagina e abrir só o quadrado do gerador de codrigo link-me entende espero que possa me ajudar

    ResponderExcluir
  3. Fabiano, não entendi nada.
    Mas o que eu queria fazer não é bem isso, eu acho. Quero mostrar um painel, com várias fotos tipo miniatura, para quando clicar sobre uma dessas miniaturas, que ela abra em outra janela (estilo popup), para melhor visualização. Sacou?
    Se puder ajudar cara, valew mesmo!
    Abraços!

    ResponderExcluir
  4. do jeito que está dizendo não tem como fazer, precisa de paginas fora do blog, ou seja criar um site

    veja se consegue fazer no http://www.flickr.com/

    ou algum outro site de fotos

    ResponderExcluir
  5. Opá ae fabio blz? cara to com um problema aqui no Fire fox, quando clico na imagem que ta no meu blogger ela abri na mesma tela, bom ate ai tudo bem, so que quando clico pra ela volta pro site ela não volta, isso só acontese no navegador fire fox você pode me ajudaR? tem como tirar esse bug ou colocar um codigo na parte de editar html pra elas abrirem em POP UP? Obrigado no Aguardo

    ResponderExcluir
  6. você pode colocar target="_blank" no código do link da imagem.

    ResponderExcluir
  7. alguns sites que a gente entra, quando clicamos em algum botão como "Home" ele aparece uma janela pop up por traz da pagina."Ex deste site http: // www.blurayfilmes.com /:"
    saberia como se faz..
    agradço desde ja..parabens pelo blog

    ResponderExcluir
  8. não tenho código para fazer isso, mas certamente vai prejudicar seu blog, muita gente não voltará mais nele por causa disso.

    além disso os sites de busca pode punir seu blog por causa disso

    ResponderExcluir
  9. ah tah...
    muito obrigado pelas informações.

    ResponderExcluir
  10. Oi Fabiano

    Eu tou tentando fazer um Pop-Up de aviso para votarem no Topinho (concurso de sites). O que eu quero exactamente é o seguinte..
    Eu quero que apareça um pop-up onde teram 2 opções, uma para clicarem em "OK" onde será redirecionado para o site de votação e a outra opção seria "Cancelar", onde fecharia o Pop-Up. Isto após algumas buscar consegui fazer.

    Mas eu queria que o Pop-Up para-se de aparecer após terem clicado em "Ok", mas apenas até ao final do dia.
    No dia seguinte aparecer de novo, para que eles votassem novamente.

    Um colega meu, disse que era possivel, mas infelizmente tem sido muito dificel contactar-me com ele. Vc acha que é possivel e será que me puderá dar umas dicas?

    Ficarei a espera de uma resposta.

    Abraço,
    Flávio

    ResponderExcluir
  11. ॐ Flávio ॐ fazer um pop up somente em determinado horario vai usar varios scripts juntos, concordo que é possivel fazer, mas não tenho o código para isso no momento

    ResponderExcluir
  12. Oi de novo Fabiano Roberto

    Agradeço-lhe por ter respondido.
    Como não consegui fazer aquele Pop-Up, eu quero lhe pedir ajuda para outro um pouco mais fácil, mas acredito que seja um pouco complicado tambem.

    Quero adicionar um iframe num pop-up flutuante (que apareça no centro da pagina) .
    Eu tenho visto vários sites que tem isso, a maioria é publicidade, mas não tou conseguindo fazer. Todos os codigos que encontrei serve apenas para adicionar o link de uma imagem, ou apenas o texto.


    Tem aqui um exemplo neste simple com publicidade "Pure Zone".
    Link: http://www.topmegasites.com.br/

    Esse não se mexe conforme o centro da pagina e tem apenas um gif. É apenas para ver a estrutura.

    Se conseguir eu agradecia-lhe imenso.

    Tenho tambem outro problema.

    Eu tou mudando um layout novo para colocar no Blog, e quero adicionar uma nova colona a esquerda. Só que a coluna existente tem a opção de esconder e amostrar. Eu queria retirar isso, colocar normal, e adicionar outra no lado esquerdo. Isto tenho a certeza que é possivel mas acredito que seja preciso mexer em vários codigos do html do blog.
    Link do site de teste: http://testecineanarquia.blogspot.com/

    Me desculpe pelo incomodo e agradeço-lhe pelo seu tempo e ajuda.

    Abraço,
    Flávio

    ResponderExcluir
  13. ॐ Flávio ॐ
    sobre centralizar o pop up veja aqui
    http://forum.wmonline.com.br/lofiversion/index.php/t38061.html

    remover esse efeito da sidebar precisa modificar varias coisas no template e fazer varios testes não só olhando o html não tem como dizer exatamente onde é o código, quero dizer não sei se retirando esse efeito não iria desconfigurar a sidebar, escreva para meu email e vamos tentar remover isso.

    ResponderExcluir
  14. ola Fabiano Roberto queria que vc me ajudade a coloca pop up na minha equete como esta ai na sua para quando licarem em volta ou resultados parcial abrir um pop up pode se agradeço desde ja

    ResponderExcluir
  15. Abimael

    use o site http://www.enquetes.com.br para criar suas enquetes

    ResponderExcluir
  16. caro amigo a equete eu ja fiz mas o que eu queria era cria um pop up o maximo que conseguir foi fazer abrir em uma nova aba mas o que queria e fazer abri como pop up mas sao diveçoes os link la eu sei como editar para fazer funcinha

    ResponderExcluir
  17. mas no site que falei já tem varias opções para publicar a enquete, inclusive link para pop up.

    se for uma enquete criada diretamente no blogger não dá pra usar pop up nela.

    ResponderExcluir
  18. olá Fabiano, pelo que vi esse codigo não é o que estou procurando,
    tenho 2 blogs, quero que abra altomaticamnete uma nova janela quando a pessoa abrir o blog,
    acontece muito quando eu estou em um site ou blog, ai quando eu cliko em algum marcador ou abro o blog, aparece um novo blog em uma nova janela, quero é isso , como faço ??

    ResponderExcluir
  19. adm: ๖ۣۜмιηєιяιηнO

    não tenho o código para fazer mas acho que não deveria tentar fazer isso, pois vai irritar seus visitantes...

    o que você pensa de um site que não conhece que abre uma janela sem você esperar?

    eu sinceramente fecho as janelas e as vezes não volto mais lá

    ResponderExcluir
  20. Fabiano, deu tudo certo quando tentei em uma widget, mas quando tentei colocar no menu (logo embaixo do header) não deu. Pode me ajudar?
    Desde já, agradeço!


    (:

    ResponderExcluir
  21. Jamylle Carvalho

    tente arrastar o gadget até o local desejado

    ResponderExcluir
  22. Fabiano, esse é o código do meu menu:

    http://i462.photobucket.com/albums/qq347/Jamylle_Carvalho/cdigo.jpg

    Não funcionou ai.

    ResponderExcluir
  23. Jamylle Carvalho, olhei o blog e o menu está aparecendo normalmente

    ResponderExcluir
  24. É, tá funcionando normalmente, eu sei. Mas é que eu queria colocar a janela pop up em alguns links do menu só que não funcionou quando eu tentei =/

    ResponderExcluir
  25. o código do pop up está correto, mas infelizmente o blogger não aceita

    ResponderExcluir
  26. eu criei a enquete no enquetes.com.br que vc falou mas a janela de resultado parcial abre no lugar da do meu blogger e não como pop up, oq eu faço? (não achei nenhuma opção de mudar isso..)

    ResponderExcluir
  27. Carolina da Mata Machado
    se for para colocar na sidebar use o código completo que o pop up funciona.

    ResponderExcluir
  28. Oi Fabiano, boa tarde!
    Estou seguindo suas orientações direitinho, mas fiquei com uma dúvida: em que local exato do código do meu blog devo colocar o código para a janela de popup?
    Agradeço muito sua ajuda, é valiosa!
    Abraços,
    Cecili

    ResponderExcluir
  29. a primeira parte é onde aparecerá o link e a segundo pode ser antes de < /head > na pagina editar html

    ResponderExcluir
  30. Obrigada, Fabiano, vou tentar.

    ResponderExcluir
  31. Só uma duvida esse pop-up ira abrir automaticamente né?! mas eu quero um q abra qundo a pessoa clicar no url no menu Ex: Chat, como eu faço isso??

    Meu email é: mendez_conti@hotmail.com

    Por favoe entre em contato comigo, eu estou precisando muito disso, c vc puder me ajudar um agradeço muito

    ResponderExcluir
  32. com esse código é necessário clicar na imagem para abrir o pop up

    ResponderExcluir
  33. Oi, tudo bem?
    Estou com problemas com este código, no Blogger - Design do Modelo.
    Teria como me explicar o que está acontecendo, e a solução para o meu caso?
    Onde devo lançar o código? Que parte do HTML?
    Fico no aguardo por maiores respostas.
    Desde já, agradeço.

    ResponderExcluir
  34. isso que falamos vale para a pagina editar html, mas algumas mudanças do blogger fizeram que não funcione direito em todos os templates

    ResponderExcluir
  35. Olá Fabiano, eu queria saber se dá para botar mais de uma imagem, uma embaixo da outra.

    ResponderExcluir
  36. para colocar varias imagens você pode usar varios gadgets de imagem, ou hospedar as imagens e usar um só gadget de htmljavascript

    ResponderExcluir
  37. Pronto Fabiano acho que agora to no lugar certo pra te pedir HEEEELP !!!!

    Tenho um blog que quero colocar fotos (.swf), ou seja queria uma foto (.jpeg) para visualizar e quando clicar nela abre a foto .swf em outra janela. Até ai tudo bem, o problema é que as fotos .swf estão hospedadas no 4shared que me da um arquivo embutido assim:


    Mas quando coloco só a URL do arquivo ele abre uma pagina e começa a fazer o download automático. E se coloco "isso tudo" ele abre a foto.swf na pagina do blog, porém fica muito pesado pois tenho umas 30 fotos assim (de uns 10 mb cada...rsrs).

    Obrigado pela atenção.

    Abreços!!!

    ResponderExcluir
  38. 3dinyourphotos
    arquivos .swf são animações, se quer publicar somente fotos deveria usar o formato .jpg ou .gif que são mais faceis de achar onde hospedar.

    o imageschack aceita .swf

    ResponderExcluir
  39. Então, já criei uma conta no imageschack, mas acho que eles não aceitam mais arquivos .swf... sempre fala que o formato de arquivo inválido. E minhas fotos não podem ser .gif por alguns motivos.... mas....
    Descobri ontem o que fazer... é só armazenar do google docs e liberar para web cada arquivo, depois abro em outro navegador sem estar logado e só copio o link da foto já aberta.. dá só uma olhada:

    http://3d-emotions.blogspot.com/

    tchammmmmmmmmmmmmmmmmm.....

    Mas valeu pela dica...
    Abraços... seu blog é simplesmente nota "1000" !!!

    ResponderExcluir
  40. Tenho um blog, e o pop-up está bloqueado, e se desbloqueio qdo abro o meu blog aparece junto um outro site. Antes ele não era bloqueado e não aparecia esse outro endereço, o que acontece? Será que podem me ajudar?
    Meu email: dricats90@hotmail.com

    ResponderExcluir
  41. Adriana
    precisa lembrar quais codigos adicionou recentemente no seu blog e retirar para descobrir qual deles está gerando o problema

    você usa algum serviço relacionado ao site que está abrindo?

    ResponderExcluir
  42. eu queria saber como eu faço para quando alguem meu blog fazer apecer um janela pop up no meio da postagem

    ResponderExcluir
  43. Fazer abrir uma janela pop-up no blog não tem mistério, mas eu não to conseguindo determinar a "posição" para abrir o pop-up. Alguém por aqui sabe como faço isso?
    Para abrir pop-up eu uso o seguinte código:

    " onclick="window.open(this.href, this.target, 'width=950,height=800'); return false; "

    O que eu tenho que mudar para determinar a posição em que ele deve abrir?
    Se possível, me comunique por e-mail: npssud@gmail.com ; npssud@gmail.com ; npssud@hotmail.com
    Obrigado!!!

    ResponderExcluir
  44. Najar
    achamos isso sobre posicionar a janela pop up, se quiser tentar:
    http://www.mxstudio.com.br/forum/topic/3359-posicionar-na-tela-janela-popup/

    ResponderExcluir
  45. Estou querendo algo semenhante a um pop up , na verdade é um iframe.

    Quero fazer uma "radio" no meu blogspot , porem , quando a pessoa clica nos links , a musica nao para , entende?

    Ja pesquisei varias coisas , vc nao tem ideia , estou quebrando a cabeça com isto tem meses , talves você pode me ajudar ,

    Respode aqui mesmo, ou me mande um email:
    Felipe.vaxman@gmail.com

    Fico grato

    ResponderExcluir
  46. o iframe não resolveria o problema da musica parar quando troca de pagina pois o iframe está dentro da pagina, da mesma forma que essa caixa de comentários do blogger.

    o melhor seria um pop up que é uma janela externa

    ResponderExcluir
  47. Onde eu coloco aquela outra parte <meta http...
    em editar html ou na postagem?

    ResponderExcluir
  48. Olá, consegui colocar mas só que aquelas opções status, scrollbars e resizable, eu coloquei no, mas não sofreu nenhuma alteração nos navegadores chrome e firefox, só no explorer queria que funcionace em todos, pois esses outros navegadores são os mais usados. Obrigado

    ResponderExcluir
  49. infelizmente alguns códigos não funcionam em todos os navegadores, ainda mais porque o blogger modifica alguns

    ResponderExcluir
  50. no meu blog nao funcionou...
    esse codigo q vc escreveu eu coloco entre o que no
    HTML
    vc nao especificou onde ele vai
    se puder atualiza o post
    obrigado

    ResponderExcluir
  51. esse código de pop up pode usar num gadget de html/javascript se não der certo diretamente no html do blog

    ResponderExcluir
  52. como gadget nao deu certo...
    por isso te pedi em q parte do html que devo colar o codigo ...
    nao esta espcificado
    obrigado

    ResponderExcluir
  53. no html é mais dificil de aceitar, mas pode ser antes de < / head > ou antes de < / body > deve funcionar em qualquer um mas tem que testar para ver se o blogger aceita o código

    ResponderExcluir
  54. otimo blog sempre que presiso vc me ajuva valeu pelas informasoes

    ResponderExcluir
  55. ola entendi mais ou menos mais não cosegui fazer o que queria, poderia fazer um tutorial de passo a passo como colocar um xat em uma janela pop-up ?

    ResponderExcluir
  56. Namdim
    para colocar o chat neste codigo precisaria de um chat numa pagina pronta e não somente o código

    então usaria o endereço do chat no lugar onde está url da pagina

    ResponderExcluir
  57. Cara melhor tutorial que já vi!
    Caso você possa me ajudar, estou tendo problemas para mudar o template do meu blog, gostaria de saber o que esta a acontecendo com o blogspot, de uma hora para outra começou isso.

    ResponderExcluir
  58. você alterou algum código html...

    tente ver no html do seu blog, também é possivel mudar a imagem de fundo por lá

    ResponderExcluir
  59. OLá Fabiano. Parabéns pelo trabalho neste blog. Muito bom.

    Meu problema é que o popup que uso abre em todas as janelas e eu gostaria que abrisse apenas na primeira.

    ResponderExcluir
  60. @Professores em Luto e na Luta você pode usar o código do pop up em um gadget e ver neste tutorial: Conteúdo diferente nas paginas do blog

    como deixar esse gadget(pop up) aparecer somente na pagina inicial do seu blog ou somente na pagina das postagens

    ResponderExcluir
  61. Tenho um player (wmp) de uma rádio que fiz pela listen2myradio via shoutcast que coloquei no meu blog, mas agora quero colocá-lo em janela pop-up. Este código serve? Se não, qual seria?

    ResponderExcluir
  62. @Junior Silva ® esse código é para usar com paginas completas, não tem como colocar o player no pop up

    ResponderExcluir
  63. Olá Fabiano td bem? Já que não é possível pelo pop-up, como eu faria pra adicionar um atalho de player no meu blog pra direcionar e tocar no wmp e no winamp? Exemplo: Entrando no blog X, vc clica em "Ouvir radio pelo winamp" e automaticamente tocará no player winamp.

    Me desculpe tirar esta dúvida aqui. Mas ficarei grato se me ajudar. Abraços!

    ResponderExcluir
  64. para abrir pop up precisa de uma url (pagina) , não tem como abrir codigos dentro do pop up

    ResponderExcluir
  65. @Fabiano Roberto
    A URL eu tenho que é da minha webradio na forma http://IP:Porta

    ResponderExcluir
  66. nunca tentei colocar musica assim.

    acho que esse tipo de link não dá para abrir diretamente

    se você colocar esse endereço http://IP:Porta... direto no navegador ele funciona?

    ResponderExcluir
  67. Não, apenas aparece janela de informações da shoutcast direto da listen2myradio onde criei.

    Já vi que não tem como criar da forma como queria (pop-up com media player ou winamp tocando). Ao menos há como criar um botão do player destes 2 no blog onde, clicando nele baixaria o listen para o computador e a pessoa ouvir? Algumas rádios profissionais fazem isso, mas precisaria de código html pra adicionar no design do blog.

    Tentei ver este site (http://www.mundolink.com.br/ajuda/streaming/player_site.html), mas as informações são para a rádio Mundo Link e não serve para listen2myradio.

    ps.: Espero não estar abusando, até pq seria legal esta dica para servir aos outros fazerem o mesmo. rs.

    ResponderExcluir
  68. é justamente isso a janela pop up apenas tem um formato especifico mas é uma janela como outra qualquer

    ResponderExcluir
  69. Fabiano eu to com um problema que ta me matando pra consegui resolver! É o seguinte, eu queria que ao clicar na imagem o pop up viesse de volta quando estiver minimizado, e não abrir outro pop up, vc sabe como fazer isso?

    ResponderExcluir
  70. Matheus

    neste trecho coloque um nome para a janela.

    a href="javascript:;" onClick="MM_openBrWindow('URL DA PAGINA,'comentario','status=yes,scrollbars=yes,resizable=yes,

    a palavra comentario é o nome da janela, então se ela já estiver aberta e alguém clicar novamente na imagem ela apenas recarrega sem abrir outra.

    ResponderExcluir
  71. Fabiano não funcionou, ao clicar estava abrindo outros pop ups normalmente. Mas eu queria que ao clicar o pop up voltasse a página sem recarregar, é que eu estou criando um bate papo neste estilo, e se recarregar, o leitor vai ter que fazer login novamente.

    ResponderExcluir
  72. pensei que ia funcionar e abrir todos na mesma janela.. pelo menos no site que li sobre isso dizia que era assim.

    mas então não sei como resolver isso.

    ResponderExcluir
  73. olá boa tarde estou quero coloca uma rádio no meu blog mais quero colocar em pop ups, para evitar que ao ver as outras postagem do blog a rádio saia do ar. como faço isso.

    ResponderExcluir
  74. vou procurar um código para fazer e se funcionar vou fazer um tutorial sobre o assunto

    ResponderExcluir
  75. Cara em que lugar do codigo do blog devo colocar esse codigo?
    valew

    ResponderExcluir
  76. esse código funciona em um gadget.

    entre na pagina layout > adicionar gadget > html/javascript e cole o código

    ResponderExcluir
  77. como faz para o jogo aparecer dentro de uma miniatura assim como aparece em sites profissionais? pra quando clicar na miniatura abrir o jogo na mesma pagina.

    ResponderExcluir
  78. Rocames nunca testei com jogos, mas é possivel fazer com videos do youtube e já publiquei um tutorial sobre isso, veja o link abaixo espero que ajude.
    Colocar Vários Vídeos do Youtube no Site ou Blog
    .

    ResponderExcluir
  79. Não deu certo, depois tentei colocar com o outro codigo mais tbm naum deu certo.

    ResponderExcluir
  80. Eu vi um negocio num site, quando eu abro a pagina do site ele automaticamente abre outras janelas e isso ocorre também no mediafire, gostaria de saber se tem como eu colocar pra meu site abrir juntamente com outros sites (sites parceiros ou de anúncios por exemplo). To precisando mt dessa ajuda se puder dar uma força fico grato.
    Fabiano parabéns pelo site, me ajuda bastante cara!

    ResponderExcluir
  81. sei que existem códigos para abrir outras janelas junto com o blog, mas isso pode levar a punições ou desagradar os visitantes do blog e justamente por isso não publiquei nada sobre o assunto.

    ResponderExcluir
  82. fabiano se eu usar um código que abri duas abas ao clicar em uma imagem ou um link os outros blogs saberam através do google analytics que sou eu que lhe estou fornecendo essas visitas ?

    ResponderExcluir
  83. se o link partir do seu blog dá para saber pelo google analytics

    ResponderExcluir
  84. Fabiano não importa o codigo javascript que nois usar nossos parceiros sempre irá identificar a origem através do google Analytics

    ResponderExcluir
  85. Olá, estou com um problema esquisito. Fiz um pop up com player e imagem para colocar no meu blog de musicas. A janela funciona corretamente, porém ao abrir, ela redimenciona a minha página onde estava para o painel de controle do blogger. Tem como resolver isso? Me ajude por favor.

    ResponderExcluir
  86. é estranho mesmo.

    tente retirar e colocar novamente esses códigos e se perceber que o problema é mesmo esse código é melhor deixar sem.

    ResponderExcluir
  87. Amigo um EX:clicando em qualquer parte do blog a janela pop up se abre gostaria de saber como é esse codigo.
    obrigado

    ResponderExcluir
  88. Olá ! Gostaria De Saber Como Faço Para Redirecionar Um Video Do Youtube Para Uma Página Especifica.

    ResponderExcluir
  89. no youtube tem ferramentas para colocar links dentro do video.

    mas se está querendo fazer um video para colocar somente no seu blog sem permitir cópias acho que não tem como

    ResponderExcluir
  90. Como coloco uma enquete na janela pop-up no blogger?

    ResponderExcluir