Saturday 11 May 2013

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 Code 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">
/*<![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>




Step: 2 Just Change Aqua Colored Text With You URL Prefix . If You Have Own Website Then Simply Past This Code Before </Head> Section.


Hey !!!! If Any Compliment Then Never Hesitate ,Feel Free To Ask Me In Comment Section.

umang

Hi this is umang, Founder of TechnoRoots.i am a computer science student and a very passionate techno lover guy who loves technology more than anything else. Stay in love with TechnoRoots for getting all the latest updates in Tech and Computer World.

1 comments:

  1. umang bhai plz remove this feature od stopping us to copy the text.. yar jab tak nahi karenge tab tak kaise complete hoga

    ReplyDelete

 

Share it

twitter  facebook  google plus  linkedin 

Total Pageviews

Disclaimer

All the links and files in this website is not hosted by technoroots.in. If any blog or website having any query with the content we post, please contact us at support@technoroots.in

Softwares-Let's Explore The Software World | 2014

E:support@technoroots.inDeveloped By : Umang Patel Gadget Geeks