Como colocar uma janela popup no blog?

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