Como Criar Uma Janela Pop-up No Blog

hot, omg, cool, i want

Hoy gente! Hoje estou animada, vou comprar bastante livros ><' /coisadenerd K' Bem, para completar mais ainda meu dia nerd, vou mostrar esse tutorial tudo de bom se bem utilizado :) Vamos lá? Clique em Leia Mais!
TUTORIAL

Primeiro de tudo gente, recomendo que saibam o que vão utilizar na janela pop-up. É bastante importante que seja algo atrativo, pois seu blog pode correr risco de ser fechado pelo leitor caso contrário '0'. Mas para evitar o aborrecimento dos mesmos, esta janela abre apenas uma vez por seção no blog. Como assim? Se seu leitor clicar em outra página do blog, a janela pop-up não aparecerá novamente. Isso evita mais os transtornos. 

IMPORTANTE: Utilize um blog de testes para você começar!

Vamos agora ao tutorial!

Vá para o HTML do seu blog e procure por: </head>

Acima desta tag você cola:

<style>
#topbar{
position:absolute;
border: 2px solid green; /* ESTILO PARA A BORDA DA JANELA */
padding: 5px 0px 0px 0px;
margin: 100px 0px 0px 200px;
background-color: #ffffff; /* COR DE FUNDO DA JANELA */
font-size:12px; /* TAMANHO DA FONTE DA JANELA */
width: 400px; /* LARGURA DA JANELA */
visibility: hidden;
z-index: 400;}
</style>

Certo? Vamos prosseguir!

Agora, ABAIXO da tag </head> vamos colar o código JavaScript, que você vai encontrar no link abaixo:

http://freetexthost.com/pydynqviuj

Não altere nada deste código.

Colado mais este código, vamos continuar, agora, com a parte final da janela.

Procure por: <body> e ABAIXO, cole este código, já editado:


<!-- conteudo PopUp Inicio -->
<div id='topbar'>
<p align='right'><a href='' onClick='closebar(); return false'>[Fechar]</a></p>
AQUI FICA O CONTEÚDO DA SUA POP-UP
</div>
<!-- conteudo PopUp Final -->

Edite as partes em ROXO:
[Fechar]: Este é o link que vai aparecer para que se feche a janela.

Este é um tutorial do blog Ferramentas Blog. Veja o exemplo desta pop-up no blog de teste do Ferramentas Blog, clique aqui.


 Espero que tenha sido bastante útil. Com este código, você pode divulgar sua fanpage no facebook ou adicionar outras informações.