<h3>✿ Pop-Up <span>Personalizado no blog</span></h3>

Ola!! Tudo bom com vocês? Hoje é o dia de Tutoriar!! E reservei um muiiito legal. Vamos aprender a colocar um Pop-Up no blog que fica muito fofo e meiguinho, ele é super util você pode deixar um recado para os seus visitantes, fazer pedidos e colocar links de suas redes sociais. Esse modelo foi personalizado por mim, mas pode ser modificado a sua escolha. Vamos lá? Nível Fácil
Veja os exemplos abaixo


-------------------------------------------------------------------------------------
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>

Siga o passo a passo para personalizar. Icones que você também poderá usar::


Obrigada pela visita e carinho, seja sempre bem vindo(a). Até a próxima.

Dica Legal:

Se você deseja deixar um recado apenas em uma determinada página, Quando estiver escrevendo uma postagem copie o código e cole no final. Sempre Que um visitante acessar a Página o Recadinho irá surgir.
(Fique tranquilo(a) O código não vai aparecer.

Clic em Visualizar antes de Salvar