Criando uma janela pop-up no blogger/blogspot

Uma janela pop-up cai muito bem para quem deseja exibir algum conteúdo do blog (ou não) em uma página externa aberta após o clique. Muitos usuários não sabem como realizar essa façanha na plataforma blogger, por isso segue abaixo um pequeno tutorial que criei para facilitar a vida de quem procura por essa utilidade;

Bom, antes de começar a primeira coisa a entender é: Para criar uma janela pop-up obviamente você necessitará de uma página pra exibir dentro da própria janela. Para isso você terá duas opções, criar e hospedar (recomendo o Google Sites) uma página da sua preferência, ou, exibir uma página já criada.

Após decidir-se vamos ao trabalho. A codificação da pop-up servirá como código de um link como falei antes, ai ao clicar será aberto a janela.
O código é esse:

<a href="#" onclick="window.open('url da página que terá a pop-up‘, ‘Pop-up’, ‘status=no, toolbar=no, location=no, directories=no, resisable=no, scrollbars=yes, top=10, left=10, width=470, height=370‘);”>Nome do link a ser clicado

Agora é só fazer a substituição. Os valores Width é a largura e o Height é a altura que terá a janela pop-up..

Pronto. Dúvidas? Deixe um comentário. Até a próxima!

Link útil:
Tenha uma noção de como hospedar arquivos no Google Sites clicando aqui.

8 Comentários

Deixe um comentário

Ao comentar você concorda com nossa Política de Comentários.