dicashot
Gata da vez
(+18)
DicasHot
HBO MOVIES ONLINE
TV
dicashot
Cartoon Network PT
TV
dicashot
ANI ROCHA NO FUNK
DANÇANDO MUITO



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(http://3.bp.blogspot.com/--QwfQi4MAE4/U0a5LnWN_SI/AAAAAAAAHic/r48Jeq7Vlzc/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(http://1.bp.blogspot.com/-7Xdxoh_-FXc/U3ET4Ul9p3I/AAAAAAAAENw/Hc0zS0I5XGo/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="http://1.bp.blogspot.com/-d793Rqqvmwk/U0a5tz4JtMI/AAAAAAAAHis/BWv62c3FA6M/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="http://3.bp.blogspot.com/-380kiAZ85g0/U0a58SZ7-0I/AAAAAAAAHi0/kusJh7kaSOg/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.

Cursos On-line 24 Horas - Educação a Distância de Qualidade
PopUp Elegante Personalizada Para Assinar Feed PopUp Elegante Personalizada Para Assinar Feed Reviewed by Muca on 5/12/2014 11:57:00 AM Rating: 5