Get Free Pop up Facebook Like Box for Your Blogger Blog

Facebook like buttons in your blog help you to engage your visitors through your Facebook page. But a special Facebook plugin is the most to attract the visitors of your site. In my opinion pop up Facebook Like button may help you to get more like on your Facebook page other than other plugins. I am telling this from my own experience. Adding Pop Up like button is now a bed of roses. Just follow the easy steps and grab your Facebook Like Plugin with 2 minutes. I assure you its 100% free, simple and easy to implement. Just follow these steps here.

Step 1:  Go to Blogger Dashboard.

Step 2: Go to Layout. And click on add gadget.

Step 3: Select Html/Javascript.

Step 4: Copy the follow code and paste it on the gadget.

<!-- This Is A CopyRight Code.It Is Free To Use But With HTML Design Code.
<!-- Use this code for your purpose and please don't copy these codes for other use.
<style type="text/css">
/***********************************************
* CSS POP-UP With Light Box Effect- © New Facebook Tips Trick (http://e-trickszone.blogspot.com/)
* Visithttp://e-trickszone.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/AVvXsEjSJQ8JxE6lezbPfBe_JTuqSB7iPRi1k1hezDO_B9_q-a1flrxWNewhSgVLjvxk3AMtXPXA85MrhYWiYQFDNUJsyj-VgFa_dMpSU5NpqRmlMEQD2xCMZ_b19AEmRh-idY75pJPXGHRhiw/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/AVvXsEgph7BD_wd1DVGFupMOnHzs6fGri430p-ZCdRqoP3qaqE5tEWNdqDprFKFFaa0Uah5qykT4YGvxHd18IvKsCRA21c4n126Rk89-oDKMKOefb2r7ommEK1rZQBopn1Bf5jFJD6bdxuhhIg/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/AVvXsEgph7BD_wd1DVGFupMOnHzs6fGri430p-ZCdRqoP3qaqE5tEWNdqDprFKFFaa0Uah5qykT4YGvxHd18IvKsCRA21c4n126Rk89-oDKMKOefb2r7ommEK1rZQBopn1Bf5jFJD6bdxuhhIg/s40/exeideasclose.png" />
</center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fnotesforslc&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 code is prepared by http://e-trickszone.blogspot.com So don't change or copy this code.
Don't Dare to change these codes.!>

Note: Replace notesforslc  with your Facebook page's URL. if your page's url is facebook.com/page just put "page" in place of notesforslc ....

Step 5: Save it. and check your blog you are done.

Leave the problems here on comment...