27 junho 2012

Como colocar uma janela popup no blog?

Tumblr_m6ai1q2bgo1r7uftso1_500_large

Oiiiii cupcakes de melancia com chocolate <3333 
Vamos aprender hoje como colocar uma janela popup no blog! Serve super para dar boas vindas etc. e blá blá blá! É super fácil e não é aplicado no código HTML do seu blog, é um gadget muito simples. Vamos criar uma agora?


Abre rapidinho um bloco de notas para fazer as alterações necessárias. O código não é nada mostruoso, é só modificar apenas o que está pedindo nesse tuto lindo que eu fiz =)

<style type="text/css">
<!--
#popjan {border: 2px solid #000000;background-image: url(' URL DA IMAGEM  '); top:
0px; left: 0px; width: 336px; height: 246px; z-index: 100; position: fixed;"
top: 280px;left: 100px;
text-align: center;
-->
</style>
<div id="popjan">
<a style="float:right" href="#" onclick="document.getElementById('popjan').style.display='none';">[Fechar]</a>
<div style="clear:both"></div>
<div style="width:500px; text-align:center; margin:auto">
</div>
<div style="clear:both"></div>
<br />
</div>
<a style="font-size:90%" href="http://chuva-deglitter.blogspot.com.br/" target="_blank">Widget Chuva De Glitter</a></div>

** Bom, a única coisa que precisa ser alterado antes de aplicar o código é a imagem que você vai colocar. Você pode desenhar em qualquer programa, hospedá-lo e pegar o url. Coloque no lugar indicado no código.
** A parte grifada de roxo é a largura e a altura do seu desenho, as dimensões. Coloque as medidas certas para seu desenho aparecer completamente e sem repetir.

Agora é hora de colocar no blog, e é bem simples:
** Vá em 'Design', 'Elemento de página' e adicione um gadget de HTML/JavaScript e cole o código.
Prontex, salva e tá ok =)
Gostaram, loves? Espero que sim, kissu <333

3 comentários:

Tais disse...

legal o tuto flor :)
bjoos

mundoodasblogueiras.blogspot.com.br

Erica Lima disse...

Não gosto desta janelinha!!!!!!!!!!!!!!!!!!!!!!!!!!!1 kkkkkkkk

http://garotasederivados.blogspot.com.br/

Sabrina | Mundo Encantado da Barbie disse...

Oii
Nossa,que blog Lindo!Assim você me mata....kkkkkk
Lindo mesmo!Sem palavras!Amei o post e muita coisa aqui!Blog Perfect!
Abraços!
@BlogMEDB
http://mundoencantadodabarbie.blogspot.com/ (se puder seguir,agradeço)