Pop Up de Curti do Facebook fácil

Achei pela net um pop up bem simples num site e dei umas fuçadas, e fui testando e adaptando ate dar certo.

Ele mantem um fundo transparente preto, e o balão de curti no centro.

Basta muda as partes em vermelho e colar em um Widget (HTML/JavaScript)

no seu blog do blogger.

Ele e muito eficiente e bem leve.

Copie o codigo a baixo e aproveite.

 

<style type="text/css">

#popupContactClose{cursor:pointer;text-decoration:none;}#backgroundPopup{display:none;position:fixed;_position:absolute;height:100%;width:100%;top:0;left:0;background:#000;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;z-index:1}#popupContact{display:none;position:fixed;_position:absolute;height:300px;width:515px;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;background:#fff;z-index:2;padding:12px;font-size:13px}#popupContact h1{text-align:left;color:#6FA5FD;font-size:22px;font-weight:700;border-bottom:1px dotted #D3D3D3;padding-bottom:2px;margin-bottom:20px}#popupContactClose{font-size:14px;line-height:14px;right:6px;top:4px;position:absolute;color:#6fa5fd;font-weight:700;display:block}
</style>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js" type="text/javascript"></script><script type='text/javascript' src='http://dl.dropbox.com/u/1864649/jquery.cookie.js'></script><script type="text/javascript">var popupStatus=0;function loadPopup(){centerPopup();if(popupStatus==0){$("#backgroundPopup").css({"opacity":"0.7"});$("#backgroundPopup").fadeIn("slow");$("#popupContact").fadeIn("slow");popupStatus=1}}function disablePopup(){if(popupStatus==1){$("#backgroundPopup").fadeOut("slow");$("#popupContact").fadeOut("slow");popupStatus=0}}function centerPopup(){var windowWidth=document.documentElement.clientWidth;var windowHeight=document.documentElement.clientHeight;var windowscrolltop=document.documentElement.scrollTop;var windowscrollleft=document.documentElement.scrollLeft;var popupHeight=$("#popupContact").height();var popupWidth=$("#popupContact").width();var toppos=windowHeight/2-popupHeight/2+windowscrolltop;var leftpos=windowWidth/2-popupWidth/2+windowscrollleft;$("#popupContact").css({"position":"absolute","top":toppos,"left":leftpos});$("#backgroundPopup").css({"height":windowHeight})}$(document).ready(function(){if($.cookie("anewsletter")!=1){setTimeout("loadPopup()",10000)}$("#popupContactClose").click(function(){disablePopup();$.cookie("anewsletter","1",{expires:7})});$("#backgroundPopup").click(function(){disablePopup();$.cookie("anewsletter","1",{expires:7})});$(document).keypress(function(e){if(e.keyCode==27&&popupStatus==1){disablePopup();$.cookie("anewsletter","1",{expires:7})}})});</script>

<div id="popupContact"><a id="popupContactClose"><img src="http://dl.dropbox.com/u/1864649/close_x.jpg" /></a><p><strong><span style="color: #333333; font-size: 250%;"><span style="color: #ffffff; background-color: #000080;">&nbsp;De um&nbsp;</span><span style="color: #0000ff; background-color: #ffff00;">&nbsp;Like&nbsp;</span><span style="color: #ffffff; background-color: #cc0000;">&nbsp;no To Hiena&nbsp;</span></span></strong></p><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="http://www.facebook.com/link do facebook" width="515" show_faces="true" stream="false" header="false"></fb:like-box></div><div id="backgroundPopup"></div><div id="loading-layer" style="display:none"><div id="loading-layer-text">Processing. Please wait... </div></div>

 

Você pode ver ele funcionando aqui; Tohiena.com

Quualquer coisa deixe seu comentarios se aparesce algum erro.