Facebook Popup Like Box For Wordpress 2014

Facebook PopUp Like Box For Wordpress 2014

If you are just a newbie into blogging, or want to know how to add facebook pop-up like box widget on wordpress without a need to install any. In wordpress, the more the number of plugin you have the more time it tool to load your site , ie ) Site Performance will affect  .
The function of the widget is simple , Once you add this widget, If any visitor lands on your website or blog , a pop-up will appear showing a Like Box where your official fan page appears . So that if user really loves to get updates from you , Sure they’ll Like your page .


Increase your facebook likes / fans with this awesome, stylish facebook like box widget for wordpress
Features of Facebook Pop Up like box widget
- Un Blockable by any browser
- Set your own time to show the like box
- Allow user to ” Like ” or ” Skip ”
- Pop-Up with LightBox Effect
Steps to Add Facebook Like Box 
1. Login to your WordPress Dashboard > Widgets
2. Drag a ” Text ” box to your wordpress blog sidebar / footer area .
3. Now Copy the below text and paste it .

[css]
<!– Facebook POPUP LikeBox With Timer Code Start –>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script>
<style type=’text/css’>
#exepopup{background-color:#fff;position: fixed;top:50%;z-index:9999;display:none;padding:0px;left:50%;border:10px solid rgba(82, 82, 82, 0.7);-webkit-background-clip: padding-box; /* for Safari */background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */-webkit-border-radius:8px 8px 8px 8px;-moz-border-radius:8px 8px 8px 8px;border-radius:8px 8px 8px 8px;width:400px;height:360px;margin-left:-200px;margin-top:0px;overflow:hidden;}#exepopup span{font-size:20px !important;font-weight:bold !important;}#exepopup h1{background:#6d84b4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjm9I2BFkM_nWI1aJfXhRRBgDoOL8U4i4fAZ2Y2neNQ0Snp2SNl1yqhEE1krfaDFO3Y6wgbEjEXD4vZ5Ysbi19U0XiFuX0SXx_PZXe0jYQy0IdgcPERJNT21VeasAJtNIL2bKHsDh4Apw/s1600/aktechz-fb-lock.png) 98% no-repeat;border:1px solid #3b5998 !important;color:#FFFFFF !important;font-size:20px !important;font-weight:700 !important;padding:5px !important;margin:0 !important;font-family:’"lucida grande",tahoma,verdana,arial,sans-serif !important;overflow:hidden !important;}.exepopupdata{font-size:12px !important;font-weight:normal !important;height:265px !important;padding:1px !important;background:#fff !important;border-bottom:2px solid #ddd;overflow:hidden !important;}#exepopupfooter{text-align:left;background:#F2F2F2 !important;height:56px !important;padding:10px 10px 10px 10px !important;overflow:hidden !important;}#exepopupclose{float:right;background-color:#eee !important;border:1px solid #ccc !important;color:#111 !important;font-weight:bold !important;padding:5px 8px 5px 8px !important;text-decoration:none !important;display:inline-block !important;font-family:’"lucida grande",tahoma,verdana,arial,sans-serif !important;outline:none !important;position:relative !important;font-size:18px !important;margin:1px !important;}#exepopupclose:active{top:1px;left:1px;}</style>
<script type=’text/javascript’>
jQuery(document).ready(function() {
function exepopupfunc() {
var sec = <b>10</b>
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;
var exepopupleft = 500;
//var exepopupwindow = jQuery(window).height();
//var exepopupdiv = jQuery("#exepopup").height();
//var exepopuptop = (jQuery(window).scrollTop()+exepopupwindow-exepopupdiv) / 2;
jQuery("#exepopup").animate({opacity: "1", left: "0" , left: exepopupleft}, 0).show();
jQuery("#exepopupclose").click(function() {
jQuery("#exepopup").animate({opacity: "0", left: "-5000000"}, 1000).show();});});
</script>
<div id="exepopup">
<h1><b>Join Us On Facebook</b></h1>
<div><iframe src="http://facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2F<b>Teck92</b>&amp;width=400&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23fff&amp;stream=false&amp;header=false&amp;height=250" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:400px; height:250px;" allowtransparency="true"></iframe></div>
<div id="exepopupfooter"><b>Please Wait</b> <span>10</span> <b>Seconds…!!!</b><a href="#" id="exepopupclose" onclick="return false;"><b>Skip</b></a></div></div>
<!– Facebook POPUP LikeBox With Timer Code End –>
[/css]


4. Replace the text ” Teck92 ” with your official Facebook Fan page Name .
5. Save it ! Woila you will have your facebook like box appears every time your user loads  your page .
Like it ? Share with your friends too . If you have any issues ? please drop by your comments

TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke https://androidbackupapps.blogspot.com/2013/12/facebook-popup-like-box-for-wordpress.html. Terima kasih sudah singgah membaca artikel ini.