Add 2 in 1 Facebook And Twitter Slide Out Widget in left side in Blogger

In this tutorial i have created a 2 in 1 Social Sharing Slide Widget for blogger which float at left side and include facebook like box , twitter fan follow me box. When some one put the mouse over it , it pop up with a cute sliding effect , the Jquery effect. Now i will show you How to Add 2 in 1 Floating/Sliding Twitter/Facebook Like/Fan/Followers Box in left side in Blogger.

2 in 1 Widget Demo

Live Demo

How to Add 2 in 1 Social Sharing Slide Widget To Blogger

Go to Blogger Dashboard
Click on DropDown Menu and select Template
Backup your Template before making any changes to your blog
Now Click on Edit HTML --> Proceed --> Expand Widget Templates
Press Ctrl + F and search the code shown below

</head>

Copy the code shown below and paste Before/above </head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

If you already have install this script in your template then there is no need to add this
Now Click on Widget Generator button shown below
Then Replace my twitter/facebook username with your twitter/facebook username

Widget Generator

Like it? Share it.

Click to Add a New Comment

If you're asking a question click on Subscribe By Email link, on the comment form, to be notified of replies.
Do NOT add links to the body of your comment as they will not be published.
Only the comments posted in ENGLISH will be approved.
If you have a problem check first the comments , maybe you will find the solution there.

13 comments

Anonymous

4 May 2012 at 00:30

i like it. so much. thank u. but how to add a 'Click to Add a New Comment' to our blogger blog. please help me

Unknown

5 May 2012 at 12:33 Author

I want to this widget to float right. what to do?

5 May 2012 at 23:48 Author

@Eusuf SheikhClick Here To Add This Widget To Right Side

6 May 2012 at 00:16 Author

thanx dude.. I'm a regular visitor of ur site.. nice articles. keep posting them.

Bollywood HD Pictures

6 May 2012 at 12:27

see my blog why twitter button is not working i mean follow of twitter is show blue screen nothing more what should i do now please help

bollywoodhdpictures.blogspot.com

7 May 2012 at 23:00

Thanks!! Dude u finally posted it. :D

18 May 2012 at 09:08

May i ask you why my twitter fanbox show just blue color?tnks..

21 July 2012 at 08:10 Author

@Pinoy Release Log I have checked your blog its working fine

Neeraj

27 August 2012 at 11:01

i also want 1 for google+ like in your site.please technocraze1.blogspot.in

27 August 2012 at 12:17 Author

@Hacking Master Add it from here http://www.latesthack.com/2012/04/how-to-add-3-in-1-floatingsliding.html

28 August 2012 at 07:03

@sonu
That one is not working on my blog.i have tried a lot of times,moreover that one installs on right side.i want this one(left side) with google+ widget.please add it also

28 August 2012 at 07:39 Author

@Hacking Master It's working perfectly in your blog

18 November 2012 at 18:55 Author

like it very much... thanks a lot....www.thegeeksolutions.in

regards,

Mohit