How to Add Facebook Floating Like Box For Blogger

Add Facebook Floating Like Box For Blogger


Add Facebook Floating Like Box For Blogger

Add floating Facebook like button box smooth sliding widget for blogger add social widget in your blog to increase like of your social page.

This slide widget will show in middle of right side of your blog when touch by cursor it come outside with like button.

Add below given code in your blogger blog as a widget by HTML/JAVASCRIPT widget.

How to add widget in blogger?

Go to your blog Layout option > Select Add a Gadget option > select Html/Java Script option > Past the above code in Content area field and press save button.

<!--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("http://4.bp.blogspot.com/-Sw2F47JoKu0/U2uEL5DW0hI/AAAAAAAAAhA/NNFCiQ7D6L4/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%3A%2F%2Ffacebook.com%2F1stwebsuite&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://www.allblogger.tips/2014/11/how-to-add-facebook-floating-like-box.html">Facebook widget</a></center>
</span></div>
</div>
<!--Floating Facebook Widget END-->

Note Replace 1stwebsuite with your facebook page ID


Tags: facebook like box, facebook like box wordpress, facebook like box blogger, facebook like box widget, facebook com like box, facebook like box iframe code

About Masum Billah

Add Facebook Floating Like Box For Blogger 1stWebSuite website seo tool is a free website ranking tool site provides a lot of on page and off page seo useful tools for you. On this site, we have a large number of website ranking tools



Discuss about: How to Add Facebook Floating Like Box For Blogger


Newsletter Subscription

Enter your email address:

Delivered by FeedBurner