PopUp Elegante Personalizada Para Assinar Feed
Nesta postagem compartilho com vocês mais uma PopUp personalizada afim de você conseguir muito mais assinantes com esta Janela personalizada muito chamativa e elegante.
Veja uma demonstração:
Para colocar em seu blog
Entre em "Layout" - "Adicionar um Gadget" - "HTML/JavaScript" e cole o seguinte código:
<style type="text/css">
* html #PopUpDicasHotHD {
position:absolute;
}
#PopUpDicasHotHD {
z-index:999;
display:block;
top:0;
left:0;
width:100%;
height:100%;
position:fixed;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1sduoBTKx-KXMj4ZsZJfbQ_Dx-tmyG2oA6WedBy9A8UUjJjO4jdjbDHYws27pFtY3V6-60Es8kbiAe351FIKJuO6obOQ6KYv1Pc9uhPqY38O6QDpIv_vQeAy_DqpxKKYxKpEA8faRZWb0/s1600/wgspir.png);
overflow-y:auto;
margin:0;
}
.DicasHotStyle{
width:619px;
height:475px;
position:fixed;
top:50%;
left:50%;
margin-top:-237.5px;
margin-left:-309.5px;
}
#DicasHotStyle {
overflow:none;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzBxIHhdIdMe5a8EgTclYdecbWvAyT-vinHMynSTUu2Bdtitp934_ou-HeYdEm0wQYDmYig55xDUODngBL9qneLiS37VzjdVWIBhB10sSQq62aITx5d1QV6-uwHxFrmA9DvinaGB-Geow/s1600/DicasHotBoxFeedPersonalizada.png);
background-repeat:no-repeat;
}
form#DicasHotStyle {
display:block;
margin:0;
}
form#DicasHotStyle #wgfield {
position:absolute;
top:297px;
left:352px;
width:250px;
font-size:16px;
border:none;
background:transparent;
padding:10px;
}
form#DicasHotStyle #wgbutton {
position:absolute;
left:352px;
top:350px;
width:249px;
height:42px;
border:none;
background:transparent;
}
</style>
<script type="text/javascript">
/*** código by (www.dicashot.blogspot.com)***/
function wg_style_v4_popup(){document.getElementById('wg-style-v4-popup-main').style.display='block'}setTimeout('wg_style_v4_popup();',4000);
</script>
<div id="wg-style-v4-popup-main" style="display:none;">
<div id="PopUpDicasHotHD">
<div id="DicasHotStyle" class="DicasHotStyle">
<center style="color:#000;cursor:pointer;float:right;margin-right:10px;margin-top:-20px;" onmouseup="document.getElementById('PopUpDicasHotHD').style.display='none'">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1SccLjrkz0KOB-cWhKnRvCZ_qGTU8sjN7dgsIjd4q8FwccmF-ruwEatIKDQhcgXWeXWchAC2_Fc8UPLopkL2bt3Hnx8OXy79ZUbUEhdp_PIN2i_eGejJUPhRD5df8XAzgpp_ui3J0dGFR/s1600/closebtnwg.png"/>
</center>
<form id="DicasHotStyle" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=DicasHot', 'popupwindow', 'scrollbars=yes, width=600, height=550'); return true">
<input type="hidden" value="DicasHot" name="uri"/>
<input type="text" id="wgfield" name="email" value="Digite aqui seu e-mail..." />
<input type="hidden" name="loc" value="en_US" />
<input type="image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUH2-JFM-wUqbYfoeRRE9m94u1hv4rbuzLAwq9Ma6mjIDUdVrW86LL78SuXlpuXINznPSAAXKGwdyE9UFyCFK8TjsspXt66bUwYASEWfYegRL-ZbGQLgv2fXdlqN2Kxhwsydoz7rCv1msS/s1600/wgtnn.gif" id="wgbutton" />
</form>
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">Widget by <a href="http://dicashot.blogspot.com.br/2014/05/popup-elegante-personalizada-para.html" target="_blank">DicasHot</a></span></span>
</div>
</div>
</div>
Tendo colado o código, substitua a parte destacada de azul, tendo feito isto, está pronto!!!
Deixe seu comentário.