Facebook Floating Likebox for your Website/Blog

• Share on Twitter
• Share on Facebook
• Share on StumbleUpon
• Share on Delicious
• Share on Digg
• Share This!

Add a floating facebook like box in your website to make it more attractive.

• This HTML is not for Webs.com websites

<style type="text/css">/*<![CDATA[*/#fbplikebox{display: block;padding: 0;z-index: 99999;position: fixed;}.fbplbadge {background-color:#3B5998;display: block;height: 150px;top: 50%;margin-top: -75px;position: absolute;left: -47px;width: 47px;background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKJ0Payd80gbsUsplO91BRYJ8IQYW-zR0Ohc-ZDa4YFBEM6ZTV5bB-h3MAii_kXWSR3keKJeNVlV_r1fcCvkH44E4lnZ-cn-X3bmCbP9SDYR0oqZ5kDBOD6jM5TSWemK6Dijf6FX9mpHtU/s1600/md_vertical-right.png");background-repeat: no-repeat;overflow: hidden;-webkit-border-top-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomleft: 8px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}.mdfbplikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}.mdfbplikebox span a{color: #808080;text-decoration:none;}.mdfbplikebox span a:hover{text-decoration:underline;}/*]]>*/</style><script type="text/javascript">/*<![CDATA[*/(function(md){md(document).ready(function(){var $dur = "medium"; // Duration of Animationmd("#fbplikebox").css({right: -250, "top" : 100 })md("#fbplikebox").hover(function () {md(this).stop().animate({right: 0}, $dur);}, function () {md(this).stop().animate({right: -250}, $dur);});md("#fbplikebox").show();});})(jQuery);/*]]>*/</script><div class="mdfbplikebox"><div id="fbplikebox" style="display:none;"><div class="fbplbadge"></div><iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fandroidforyou&amp;width=250&amp;height=250&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23C4C4C4&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:250px;background:#ffffff;" allowtransparency="true"></iframe><span><a href="http://www.adptech.blogspot.com/">By ADPTech</a> / <a href="http://adptech.blogspot.in/2013/07/facebook-floating-likebox-for-your.html">+Get This</a></span></div></div>

Replace URL with your Page URL. E.g. : www.facebook.com/example
URL should be replaced only by 'example' 

What to do if this code is not working?

Add the following code just above or just below </head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>