Amazing Floating Facebook Like Box Widget for blogger | Fomeber

During blogging, we must need social media support to get visitors. Today I have amazing social widget plugin for getting more likes from facebook users. Floating facebook like box widget is amazing to have every blogger on their blog. It will help to engage your blog visitors with your facebook page. It will spread your blog through facebook and get more visitors.

recommends to read:

• Add professional author box below on every post
• 5 top Blogspot SEO tips to get huge organic traffic on your blog

Floating facebook like box

Floating facebook like box used to like blog fan page directly from your website. You can see on right sidebar of fomeber the floating facebook like box widget if floating. Want to get it on your blog? Don't waste time, go to blogger.com and follow the steps below -

Add floating facebook like box

1. Go to blogger.com > Layout
2. click on add Gadget
3. In add a gadget window, select HTML/javascript.
4. Paste the following code inside it.

<script type="text/javascript">
 /*<![CDATA[*/
 jQuery(document).ready(function() {jQuery(".abtlikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
 /*]]>*/
 </script>
 <style type="text/css">
 .abtlikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsyuR20ePlSMpYK7-2xLezV3ZIeIrLREsqHbXxQSb_vOoQwzAwzkMZr74SP4SkBNcmFLy5RnnElDveCqWl53N2EG8Vi9dDR6HQ1s_RscN0pO9o9bYmG-eCEtY32J99Qk11c-XDiDnZ2Fk/s320/fb1-right.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%;}
.abtlikebox div{ padding: 0; margin-right:-8px; border:4px solid  #3b5998; background:#fafafa;}
.abtlikebox span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
 .abtlikebox span a{color: gray;text-decoration:none;}
 .abtlikebox span a:hover{text-decoration:underline;}
}
</style>
 <div class="abtlikebox" style="">
     <div>
     <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Ffomeber&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;border_color=white&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;"></iframe><span></span>
     </div>
 </div> 

 
5. Click on save and done!

Note: Replace fomeber and place your facebook fan page username or URL.

Last step:

Everything has been done, now you have to save your all steps and go to your blog. I hope this floating facebook like box widget surely work on your blog. It's working on fomeber and I know it works on your blog too. share this post to your friends and family groups, like us and keep visiting! Thanks :)

Check Your Domain Ranking