Carregando atualizações...

X

Nova PopUp Personalizada De Curtir Página no Facebook Com Time - Versão #3

Nesta postagem irei mostrar para vocês uma novo pop up. Já estou usando este modelo a muito tempo aqui no site. Espero que Gostem!!!

Torne-se membro do site, o que você tem que fazer é clicar no botão abaixo e clicar em seguida clicar em Seguir:

Para colocar em seu blog... Entre em "layout" - "Adicionar um Gadget" - "HTML/JavaScript" e cole o seguinte código
<style>
#exepopup{ 
position:fixed; 
width:500px; 
height:auto; 
z-index:999; 
background:#fff; 
float:left; 
padding:10px; 
border:5px solid #ccc; 
margin:100px 30%;
border-radius:3px;
}
.curtaface{ color:#000000; float:left; width:100%; clear:bolth; margin-top:10px;}
.txtPopUp p{ width:100%; float:left; margin:0px; color:#777;}
.txtPopUp img{ float:left; margin-right:10px;}
.fb-like-box, .fb-like-box span, .fb-like-box iframe[style] {width: 100% !important;}
@media screen and (min-width: 800px) and (max-width: 1006px) {
#exepopup{ 
position:fixed; 
width:400px; 
margin:100px 30%;
}
@media screen and (min-width: 640px) and (max-width: 799px) {
#exepopup{ 
width:340px; 
margin:100px 22%;
}
@media screen and (min-width: 480px) and (max-width: 639px) {
#exepopup{ 
display:none;
width:340px; 
margin:80px 17%;
}
@media screen and (max-width: 479px) {
#exepopup{
display:none;
width:240px; 
margin:80px 10.5%;
}
</style>
<script type='text/javascript'>
jQuery(document).ready(function() {
function exepopupfunc() {
var sec = 20
var timer = setInterval(function() {
$("#exepopupfooter span").text(sec--);
if (sec == 0) {
$("#exepopup").fadeOut("slow");
clearInterval(timer);
}
},1000);
var exepopupwindow = jQuery(window).height();
var exepopupdiv = jQuery("#exepopup").height();
var exepopuptop = jQuery(window).scrollTop()+50;
jQuery("#exepopup").css({"top":exepopuptop});}
jQuery(window).fadeIn(exepopupfunc).resize(exepopupfunc)
//alert(jQuery.cookie('sreqshown'));
//var exepopupww = jQuery(window).width();
//var exepopupwww = jQuery("#exepopup").width();
//var exepopupleft = (exepopupww-exepopupwww)/2;
//pega a largura da resolução da tela
var widthTela = screen.width;
//pega a altura da resolução da tela
var heightTela = screen.height;
var telaX = widthTela*0.0;
var exepopupleft = telaX;
var telaY = heightTela*0.0;
var exepopupTop = telaY;
var exepopupwindow = jQuery(window).height();
var exepopupdiv = jQuery("#exepopup").height();
var exepopuptop = (jQuery(window).scrollTop()+exepopupwindow-exepopupdiv) / 2;
jQuery("#exepopup").animate({opacity: "1", left: exepopupleft, top: exepopupTop}, 0).show();
jQuery("#exepopupclose").click(function() {
jQuery("#exepopup").animate({opacity: "0", left: "-5000000"}, 1000).show();});});
</script>
<!-- Pop Up FaceBook -->
<div id="exepopup">
<div class="exepopupdata">
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fdicashot&amp;width=450&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false&amp;appId=216502231893793" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:258px;" allowtransparency="true"></iframe>
</div>
<div id="exepopupfooter">
<div class="curtaface">Dê um curtir ou se você quer ignorar este site chato apenas espere: <span></span> <img title="Fechar" alt="Fechar"src="http://www.flavorsys.com.br/mbactrl/img/icons/8402_32x32.png" width="22" onclick="$('#exepopup').slideUp(100);" style="float:right;" /></div>
</div>
<div style="text-align: right;">
<span style="font-size: xx-small;"><span style="color: #eeeeee;">Widget by</span> <a href="http://dicashot.blogspot.com/"><span style="color: #eeeeee;">DicasHot</span></a></span></div>
</div>
<!-- Facebook POPUP LikeBox With Timer Code End -->
Tendo colado o código, basta apenas salvar!!!

Cursos On-line 24 Horas - Educação a Distância de Qualidade

NOSSO CANAL
VER TV A CABO ONLINE GRÁTIS
TV ONLINE 1.0