Floating Facebook Like Box Widget For Blogs

Now a days, You'll see that floating facebook like box is appeare on the right side of the page by many blogs or websites.In this way,get more facebook fanpage likes through floating facebook widget from blogs or websites.In other words get more traffic through it.So,today we share about set the "Floating Facebook like box".Just you follow the given steps.

First of all just open your blog account;Click on layout>Add a gadget>HTML/Javascript.Copy the following HTML code and paste the code in HTML box and save it. If you want to make changes in sloating Facebook like box widget,please follow the below steps.

<!--Floating Facebook Widget by www.officialtuting.com START-->

<script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".officialtuting").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .officialtuting{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixG16ti3vn-Y-CACzMu2QnCFU7QSJYLcyVvUom-pIO23MCMfS-l9qE4gxmPwliiaEg2DjvP-tnKRRrJwffURhOUndOgO9V3fDTlqymb8vRjVHL1z7DPE0GsPQzTJaa1wUZzpCUiEzHUk_W/") 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%;} .officialtuting div{ padding: 0; margin-right:-8px; border:4px solid  #3b5998; background:#fafafa;} .officialtuting span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .officialtuting span a{color: gray;text-decoration:none;} .officialtuting span a:hover{text-decoration:underline;} } </style><!--Brought to you by www.officialtuting.com--><div class="officialtuting" style="">

<!--Brought to you by http://www.officialtuting.com/2014/10/floating-facebook-like-box-widget-for.html--><div>

<!-- http://www.officialtuting.com/2014/10/floating-facebook-like-box-widget-for.html--> <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fofficialtuting&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;"><!--Brought to you by www.officialtuting.com--></iframe><!--Brought to you by www.officialtuting.com--><span><!--Brought to you by www.officialtuting.com--><center>

<a rel="nofollow" style="color:#a8a8a8;font-size:8px;" href="http://officialtuting.com">Jasper Roberts Consulting</a> - <a style="color:#a8a8a8;font-size:8px;" href="http://www.officialtuting.com/2014/10/floating-facebook-like-box-widget-for.html">Widget</a></center>

</span></div>

</div>

<!--Floating Facebook Widget by www.officialtuting.com AND www.officialtuting.com END-->

Make Changes In Floating Facebook Like Box Widget!!!...

search the following code and replace your facebook ID and press save button.

facebook.com%2Fofficialtuting

I hope that this post will help you to display floating facebook likebox on your blog but if you have any problem then you comment on this post.