How to Add Floating Facebook Like Box Widget for Blogger

FB

Facebook one of the major platform for marketing and communicating with our audience. So, Official Facebook fan pages are obvious for your blogs. Most of you might be wondering how to increase the likes. Here is method through which you can easily increase your FB Page Likes.

See also: How to Add Facebook Popup Like Box Widget to Blogger

Floating Facebook Like Box can help get more Facebook likes and make it easier for you to communicate to your fans and get some attention. It is a widget so you won't have to make any change in the template. Just copy and paste it.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript">
</script>
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.floatinglikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE8xuJUbmAcng4hjg-b_0SmZrwTnRGJ8kqzwds1jT4VscopFWo7f_NuUtdY2fuScO8LS3KrgPJy2f5YiblJ5CEcCXVVpTcRs_XCxtEYFdxUshGWdxRV1nY_IhxFli-XRHYe8CInl6Mm8c/s1600/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:10%;}
.floatinglikebox div{border:none;position:relative;display:block;}
.floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.floatinglikebox span a{color: #808080;text-decoration:none;}
.floatinglikebox span a:hover{text-decoration:underline;}
</style><div class="floatinglikebox" style="">
<div>
<iframe src="//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/makemytricks&amp;width=251&amp;height=270&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true">
</iframe></div></div>