Add Facebook Like Box Widget Blogger

Namaste! :) In this post I will teach you how to add floating Facebook Like box widget in your blogger blog. Every blogger wants more likes than competitor on Facebook. So there is one trick to get more likes on your Facebook page, just add floating like box widget on your blog. This is smooth sliding Facebook like button box which will show in middle of right side of your blogger blog. When anyone hover over it will come out with Like button on your blog

You may also like - Approve Google AdSense on your Blog in a minute

So it's a ultimate solution to get more and more Likes on Facebook by adding this smooth and responsive floating like button box widget to your blog. 
It is not hard to add this like box widget, just follow below given steps carefully to add like box on your blog. 

Why you should add Facebook Fan page to your Website?

Facebook works as a social proof, and more number of fans you have, you are more likely to be trusted more. Also, Facebook has a huge subscriber base, when a user like your Facebook page, he will be able to see all your updates on his wall.You can also buy likes on Facebook and also but Fans, but such Likes and Fans won’t be the real fan and will not add much value. Your target should be converted Regular & loyal readers into your Fb page fans. There are many ways to increase your fan on your blog and we have shared some of them earlier, but one of the most effective way is by adding Facebook fan widget on your blog. This will help your readers to quickly like your fan page on Facebook without leaving your blog. How to Add floating Facebook Fan Page on Blogger

How to add widget in blogger ?

Also Read - Bypass Fileice Survey In A Minute

Steps to add floating Facebook Like button box widget on blogger - 

Step 1. First of all login to your blogger Dashboard and select your blog on which you want to add this widget

Step 2. Then go to > Layout > Select Add a Gadget button and then select HTML/Javascript and click on + sign. 


Step 3. Now copy below code and paste it into that gadget box
<!--Floating Facebook Widget by START-->
<script src=''></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("") 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="">
<iframe src="
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=" ">FB Floating Like Box </a></center>
<!--Floating Facebook Widget by END-->

Step 4. Now click on 'Save' button to save it. 

Latest Post - Hack Wi-Fi In Android Phone

How to edit Facebook like box widget :- 

  •  Replace Onlyhaxs with your Facebook page address.  

Congratulation! You have successfully added floating FB Like box widget on your blogger blog. Now after adding FB like button box you will notice that Likes on your Facebook page are increasing automatically. ;) 

How to add Floating Facebook like box Widget on Blogger Full Video 

Final words:

So it was a simple guide to add floating Facebook like box widget to your blogger blog. It's very simple to add Facebook widget and get more likes to your Facebook Fan Page.  How to add Sliding Floating Facebook widget Fan Page on Blogger left side, right side. Add Sliding Floating Facebook Like Button in Blogger website for faster SEO.
If you any confusion or question regarding this post, don't hesitate to ask in comments below.

Share The Love:

11 comments Blogger Facebook 11

  1. Replies
    1. Hi Jennifer, I'm glad to know that you liked it. I hope this helped you in adding floating Facebook widget to your blog. :)

  2. Replies
    1. Hello Felix, try again code is copyable. Now you can copy it without any problem. :) Copy the code and add floating facebook widget to your blog. :)

  3. Very nice.. Keep sharing dude... You Rock!!!.

    1. Hello D' 777Xperiences,

      I'm happy to know that you liked this post.

  4. Your post is nothing! You direct us to copy the code while you know that it is an image and cant be copied!! USELESS POST!!

    1. Hi Lusubilo,

      sorry for the problem you faced while copying the floating Facebook widget code. Try again now you can copy it. :) Thanks for commenting.


OnlyHax! © 2013. All Rights Reserved. Designed by OnlyHax!