Add Floating Facebook like box in website

                                                                         

Add Facebook Floating like box in your Website

Hello, friends today i am going to tell you how to add the Facebook floating like box plugin in your website. it is very easy just use the code given below.

click here to learn HOW TO UNLOCK LOCKED FACEBOOK PICTURE

CODE

 <!--Floating Facebook Widget START--> <script src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script> <script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".abt").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .abt{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlerNfO5v5kl_B725pQKvg4RPHgoYDZBHTWlY4c20z3PwYKR7vk0qm6eqzH2YIQGW5BB4lGFGRVeeANNjMv2Chz4awHgGcnWl_2AFVDQc-wbSZGQ2MtIMGElDVvLx3D9ladijH4ijfBL9c/s1600/ABT_facebook_widget.png") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} .abt div{ padding: 0; margin-right:-8px; border:4px solid #3b5998; background:#fafafa;} .abt span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .abt span a{color: gray;text-decoration:none;} .abt span a:hover{text-decoration:underline;} } </style><div class="abt" style=""> <div> <iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/internet.tricks.cmpnnet&width=245&colorscheme=light&show_ faces=true&border_color=white&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;color:000;"></iframe><span><center> <a style="color:#a8a8a8;font-size:8px;" href="http://cmpnnet.blogspot.com/2015/03/add-floating-facebook-like-box-in.html">Fb Floating Like Box </a></center> </span></div> </div> <!--Floating Facebook Widget END-->  

Steps

1. Copy the code given above
2. Go to blogger.com
3. Log-in in to your account
4. Now go to layout. 
5. click on Add a Gadget.
6. now choose HTML/JavaScript
7. paste the code in HTML/JavaScript box
8. now look for this line "  iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/internet.tricks.cmpnnet "
9. Add your facebook page in place of http://www.facebook.com/internet.tricks.cmpnnet

Links

join our facebook page for more stuff.click here