Search Bar

How to Add a Facebook Popup Like Box on Blogger

Ahmad 07:55

  1. Login your blogger account
  2. Click on layout
  3. Click on ADD GADGET
  4. Click on HTML/JAVASCRIPT
  5. Past Given Script
  6. Now Save it

FACEBOOK POPUP LIKE BOX SCRIPT
<!-- This Is A CopyRight Code.It Is Free To Use But With HTML Design Code.
If AnyOne Found To Be Changing This Code Should Be Under Legal Action Via DMCA. -->
<style type="text/css">
/***********************************************
* CSS POP-UP With Light Box Effect- © New Facebook Tips Trick (http://jahanz575.blogspot.com/)
* This notice must stay intact for use.
* Visit http://jahanz575.blogspot.com/ for full source code.
***********************************************/
* html #exestylepopupdiv {position:absolute;}
#exestylepopupdiv {z-index: 999999;display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOmouKy5g-0P2qNjydZSaOSovHivi2Ok-NbqtppvyOuxncHT_JA0qiTrZ0kh7YFZmyMilYK5cmB1bQsPmLd2Wg2b3eUp6OogUfsDNS7UDujQj37gEA0l5jiu0B4zf8Fxw-1KE3dzfB0Q/s128/exeideasopacity0.5.png');margin:0; overflow-y:auto;}
#exestylepopup {background-color: #fff; overflow:none;}
.exestylepopup {width:400px; height:300px; position:fixed; top:50%; left:50%; margin-top:-150px; margin-left:-200px;}
</style>
<!--[if lte IE 6]>
<style type="text/css">
/*<![CDATA[*/ 
html {overflow-x:auto; overflow-y:hidden;}
/*]]>*/
</style>
<![endif]-->
<div id="exestylepopupdiv">
<div id="exestylepopup" class="exestylepopup">
<center style="color:#000;cursor:pointer;float:right;margin-right:-20px;margin-top:-20px;" onmouseup="document.getElementById('exestylepopupdiv').style.display='none'">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGkDJjtiafGWjm0OWSPx3f4DM53DERPu4SMaeQ-70doBNGNEgvhrNj5_38h7AGgf2V5jozu_LsJoSz3FgE5zqAXbDbqn6CQ97lJBZiOlYHwLDBhmKZETV23SKvSBGaxs_JAyq2l3Zlqw/s40/exeideasclose.png"/>
</center>
<div id="exestylepopup" class="exestylepopup">
<center style="color:#000;cursor:pointer;float:right;margin-right:-20px;margin-top:-20px;" onmouseup="document.getElementById('exestylepopupdiv').style.display='none'">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGkDJjtiafGWjm0OWSPx3f4DM53DERPu4SMaeQ-70doBNGNEgvhrNj5_38h7AGgf2V5jozu_LsJoSz3FgE5zqAXbDbqn6CQ97lJBZiOlYHwLDBhmKZETV23SKvSBGaxs_JAyq2l3Zlqw/s40/exeideasclose.png" />
</center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F135972973103719&width=400&height=300&colorscheme=light&show_faces=true&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:390px; height:260px;" allowtransparency="true"></iframe>
</div>
</div>
</div>
<!-- This Is A CopyRight Code.It Is Free To Use But With HTML Design Code.
If AnyOne Found To Be Changing This Code Should Be Under Legal Action Via DMCA. -->
NOTE:
Change RED Code with your Facebook Fan page code 
If you don't know about that code then go to page setting and click on Page Info like following photo.

Tags: