Tutorial : Pop-Up Personalizado no blog

Ilustração Do KW

Olá Pessoas Lindas hoje trouxe um tutorial para você deixar uma recadinho no seu blog é super Fácil e trouxe ele do blog Dany's Place Visitem é super Lindo ! O halloween tá chegandoo aww to feliz Demais ! ! E a carol já falou né que nois tá preparando umas coisinhas para o halloween e enfim vocês vão ver ! u.u ! !  

Bom Falando do tutorial se você quer deixar aquele recadinho na página inicial assim que as pessoas visitarem seu blog ver é sóo usar este tutorial bom eu acho útil quando eu e a carol tiver um racadinho nois vai usar aqui no nosso blog! E agora se interessou em usar o recadinho no seu blog ? Então tá esperando oque Clique em leia mais e veja o tutorial . . .




Exemplo 



Copie o código abaixo cole em HTML/Java Script e salve. 

<style type="text/css">#aviso{width:500px; padding:5px; position:absolute; z-index:5000;}.caja-aviso{border:1px dashed #FF1493 ; /* Cor da borda */-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;-webkit-box-shadow: 5px 5px 6px #ffffcc; -moz-box-shadow: 5px 5px 6px #ffffff;box-shadow: 5px 5px 6px #Ffffff;background-image: url('http://i111.photobucket.com/albums/n159/docedani/back9.png'); /* Background do fundo */padding: 10px; font-family: Verdana, Geneva, sans-serif;color: #0B173B; /* Cor do texto */}.letrero-aviso { /* estilo do aviso recadinho */font-size:10pt;font-weight:bold;color:#000000;text-shadow: 0px 0px 10px #FFB6C1;}</style>
<div id="aviso" style="left:250px; top:150px; padding:0;"><div align="right" style="margin-bottom:-50px;"><a href="javascript:closeit()" ><font face="lucida sans" size="1"></font> <img valign="middle" src="http://i111.photobucket.com/albums/n159/docedani/marcadores/x-2.png" style="vertical-align:middle;"/></a></div>

<fieldset class="caja-aviso"><legend class="letrero-aviso" align="left"> ❤ Recadinho</legend><img src="http://i111.photobucket.com/albums/n159/docedani/kawaiipng/pngbyannyzblog67.png"align="left"/><br><br>
Seja bem vindo, não esqueça de deixar um comentário!!
<div align="right"> 
<a href=" Endereço da página no tumblr " target="blank"><img src="http://i111.photobucket.com/albums/n159/docedani/icone/tumblr_m7j3b7yiQ01r6yzvz.png" width="20"/></a>
<a href=" Endereço da página no Facebook " target="blank"><img src="http://i111.photobucket.com/albums/n159/docedani/icone/tumblr_m7j3ahZEWs1r6yzvz.png" width="22"/></a>
<a href=" Endereço da página no Flickr" target="blank"><img src="http://i111.photobucket.com/albums/n159/docedani/icone/tumblr_m7j3appWPn1r6yzvz.png" width="24"/></a> 
<a href=" Endereço da Página no Twitter " target="blank"><img src="http://i111.photobucket.com/albums/n159/docedani/icone/tumblr_m7j3boHe0O1r6yzvz.png" width="26"/></a></div>
</fieldset><script>function closeit(){document.getElementById("aviso").style.visibility = "hidden";}</script></div><div class="clear"/></div> 

é isso Pessoal Beijos !