Thursday, May 26, 2016

HOW TO ADD FACEBOOK SLIDER IN BLOG OR WEBSITE


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