Step:1 Got To Blogger Dashbaord ----> Page Element ---->Add Widget --->Select HTML/JavaScript From Many Option. Past This Script And Click On Save That It..
<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("Http://3.Bp.Blogspot.Com/-1GCgbuSZXK0/T38iRiVF41I/AAAAAAAABpg/WlGuQ3fi-Rs/S1600/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;}
/*]]>*/
</Style>
<Script Type="Text/Javascript">
/*<![CDATA[*/
(Function(W2b){
W2b(Document).Ready(Function(){
Var $Dur = "Medium"; // Duration Of Animation
W2b("#Fbplikebox").Css({Right: -250, "Top" : 100 })
W2b("#Fbplikebox").Hover(Function () {
W2b(This).Stop().Animate({
Right: 0
}, $Dur);
}, Function () {
W2b(This).Stop().Animate({
Right: -250
}, $Dur);
});
W2b("#Fbplikebox").Show();
});
})(JQuery);
/*]]>*/
</Script>
<Div Id="Fbplikebox" Style="Display:none;">
<Div Class="Fbplbadge"></Div>
<Iframe Src="Http://Www.Facebook.Com/Plugins/Likebox.Php?Href=Http://Www.Facebook.Com/Crackers.Hacker&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>
</Div>
Hey !!!! If Any Compliment Then Never Hesitate ,Feel Free To Ask Me In Comment Section.