How to Add New Floating Facebook Like Box Widget For Blogger Website

We want to share Widget for Floating Facebook Like Box in the Blogger site. You have visited many site which is used this type of Widget. This miracle is possible from some script and you have to just add this script in your Blogger Template and you will visit your site then Facebook Like Box dancing in your site.

Follow this Step:

>> Log in to Blogger Account

>> Go to Layout

>> Click "Gadget Link”

>> Open “HTML/JavaScript”

<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("http://4.bp.blogspot.com/
-mMtB2ANqowQ/T6es-PuSR2I/AAAAAAAAAjM/
LDamrUnMJJc/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%2FOnlineFacebook
&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>Widget by :
<a href="http://onlinefreetip.blogspot.com">
 Online Tips</a></span>
</div></div>

>> Paste code

>> Now Save this and visit your Blog.

Note: Replace “OnlineFacebook” with your Facebook Username.

Please Don't Forget Join this Site.