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