Add Facebook Popup Like Box Widget for Blogger

Popup Facebook Like Box Widget

1. Login to Blogger >> Layout >> Add a Gadget >> HTML/JavaScript.

2.    Now insert below code into the gadget:

<style type="text/css">

* html #mokcssfbpopup {position:absolute;}

#mokcssfbpopup {display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-image:url('http://www.santosh143.com');margin:0; overflow-y:auto;z-index:999999;}

#mokcssfbpopup2 {background-color: #000000; overflow:none;z-index:999999;}

.mokcssfbpopup2 {width:400px; height:420px; position:fixed; top:45%; left:50%; margin-top:-210px; margin-left:-200px; border: 10px solid #009999; padding: 20px;z-index:999999;}

.mokcssfbpopup-title {background:#000;color: #009999;font-size: 20px !important;font-weight:bold;margin:5px 0;border:10px solid #009999;padding:10px;line-height:25px; font-family:arial !important;}

</style>

<!--[if lte IE 6]>

<style type="text/css">

/*<![CDATA[*/

html {overflow-x:auto; overflow-y:hidden;}

/*]]>*/

</style>

<![endif]-->

<br />

<div id="mokcssfbpopup">

<div class="mokcssfbpopup2" id="mokcssfbpopup2">

<center>

<h3 class="mokcssfbpopup-title">

Receive All Updates Via Facebook. Just Click the Like Button Below...</h3>

</center>

<br />

<center>

<iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fnaijacinemaszone&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" style="border: none; height: 258px; overflow: hidden; width: 300px;"></iframe>

</center>

<br />

<center style="color: white; float: right; font-size: 9px; margin-right: 35px;">

Powered By <a href="http://www.naijacinemas.blogspot.com/" style="color: #009999; font-size: 9px; text-decoration: none;">Nigerians' No1. Online Resource Centre</a></center>

<center style="cursor: pointer; float: left; font-size: 9px; margin-left: 35px;">

<a href="" onmouseup="document.getElementById('mokcssfbpopup').style.display='none'" style="color: #009999; font-size: 9px; text-decoration: none;">Skip To Continue</a></center>

3. Now you need to insert the username of your Facebook page. In the above code in red color, there you can see Naijacinemaszone written.

4. Simply replace Naijacinemaszone with your own Facebook username or with ID number of your Facebook page (if you don’t have username).