Hi Guys,I Am Going To Post Some Excited Stuff, You Surely Like It ,And Its Usual Very Simple One, Add Facebook Side Bar As You Always Show In My Site So Here I Past The For Facebook Slider Just Copy And Past In You Blog.
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">
/*<![ATA[*/
#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-: Url("Http://3.Bp.Blogspot.Com/-1GCgbuSZXK0/T38iRiVF41I/AAAAAAAABpg/WlGuQ3fi-Rs/S1600/Vertical-Right.Png");Background-Rept: No-Rept;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">
/*<![ATA[*/
(Function(W2b){
W2b(Document).Rdy(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.P?Href=Http://Www.Facebook.Com/s.&Amp;Width=250&Amp;Height=250&Amp;Colorscheme=Light&Amp;Show_faces=True&Amp;Border_color=%23C4C4C4&Amp;Strm=False&Amp;Hder=False" Scrolling="No" Frameborder="0" Style="Border:none; Overflow:hidden; Width:250px; Height:250px;Background:#FFFFFF;" Allowtransparency="True"></Iframe>
</Div>
Step: 2 Just ChangeAquaColored Text With You URL Prefix . If You Have Own Website Then Simply Past This Before </Hd> Section.
Hey !!!! If Any Compliment Then Never Hesitate ,Feel Free To Ask Me In Comment Section.
No comments:
Post a Comment