Add Facebook Popup Like Box For Blogger

Live Demo

Step 1= Login in your blogger Account open your blog Dashboard then click on Layout
Step 2= After Open layout click on Add a Gadget
Step 3= Choose HTML/ Javascript Option.

Step 4= Paste the below codding in HTML/Javascript Content.

<!-- 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://mybloggercontent.blogspot.com/)

* This notice must stay intact for use.

* Visit http://mybloggercontent.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/AVvXsEi5TUYI6igMRmIwf8Dwp33HcQFtGZXCsVH2Sxzx_wioiuzRGjI7fZkQlntUE8-50fvw6WfVw_yLRJDYYxeKTe2E9GIB2F4LMCOIer0aF7f3AvNwcF6rucE3KUiAPqsGgFlBl46KEhD9BA/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/AVvXsEi6wcgod-bUHZ44oZ39JvJ42Wt-GWE_hsrvaaMdQm4F0QADFQvQIBl-V7npxip7CtZ0R8dsjbaUlHUbUfY69nRNolLbEmrd7D7PgjAepjwd3OTaln7e72-BFD3g9DrrjGIS7heI8lErDg/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/AVvXsEi6wcgod-bUHZ44oZ39JvJ42Wt-GWE_hsrvaaMdQm4F0QADFQvQIBl-V7npxip7CtZ0R8dsjbaUlHUbUfY69nRNolLbEmrd7D7PgjAepjwd3OTaln7e72-BFD3g9DrrjGIS7heI8lErDg/s40/exeideasclose.png" />

</center>

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fmybloggercontent&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. -->

Paste Here 

Step 5= Change The Red line in codding with your facebook address.

Step 6= After this click on save.