Add 3 In 1 Slide Out Follower Box Widget to Blogger - Updated

Published By: Ashu Insan Published On: 5:09 PM

Today I'm going to release updated version of another Awesome blogger widget that contain all the 3 Big Social Network (Facebook, Twitter, Google Plus) jQuery Slide Out Widget For Your Blog & Website To Increase Your Social Fans.
So we have three different Pop up Like Boxes which appears on hover on little image that are at right sidebar on you blog.
One of the best ways to increase your Social fans is to add the Jquery Pop-up Social Box to your Blog. Once this widget is installed on your blog, your visitors will be shown a slide out box with the option to like your Facebook Page, or want to follow on Twitter, or want to add you in there circle whenever they visit your blog. Advantages this widget is to free space on the page. Because if you add all of these widget on your site/blog, it will take a huge space that will make your visitor angry, It can prevent website normal as the box. Static widget as soft box with jQuery effect of activation for the blogger, this is another cool control. Here I have added as the box with simple jQuery hover effect. Lets add this cool widget through below Widget Generator.

Recommanded Post

Live Preview

Live Demo


  • 1.) J-Query/JavaScript Widget.
  • 2.) Slide-Out On Hover.
  • 3.) Awesome And Stylish.
  • 4.) Facebook Like Box Included.
  • 5.) Twitter Followers Box Included.
  • 6.) Google Plus Follower Box Included.
  • 7.) Sliding Effect Enabled.
  • 8.) Slide Out On Hove And Get Back On Mouse Out.

How To Add This Gadget To Blogger?

  • 1. Replace My User name with yours in below widget generator
  • 2. Click Generate Button
  • 3. Check Live Preview by clicking Preview button
  • 4. Now finally Click ADD TO BLOGGER to add this widget on your blog

    3 in 1 Slide Out Follower Box Widget Generator

    With the help of Blow Widget Generator you will easily add 3 in 1 Slide Out Follower Box
    Widget into your blog or website. See Our Other Widget Generators
    Login To Your Blogger Account Before Using Widget Generator

    Now Save & Visit Your Blog. You have Done !!
    I'm Sure that this widget helps you to get more follower on Facebook, Twitter & Google Plus. Hope you like this widget. If you need any help then drop your comments below.
    Happy Blogging.:)
    Share this article :

    Stay Connected To Get Free Updates!

    Subscribe via Email

    Follow us!


    + comments + 41 comments

    March 1, 2013 at 6:59 PM

    Thanks for this great widgets great work
    Download drivers for your laptop

    March 2, 2013 at 12:11 PM

    Thanks a zillion for this but but but dear it is not working, u ur self click on generate on this widget and then click on preview, it is not working in preview, i agree it is working in demo button but not in preview button, i also tried to put this code in my blogger layout section but this code doesn't work, when u hover the mouse over any of these 3 it doesn't come out... pl fix this, i was waiting for this 3 in 1 thing from such a long time... pl fix soon. waiting...

    Also 1 small request, in google plus thing, there is only +1 written over there where u hover the mouse pointer, can i chance it to Google+1 how to do that pl tell me.

    Thanks. Waiting... Love.

    March 2, 2013 at 6:16 PM

    @Vishal Panchal I just check the preview setting & i found its working. Check this again using firefox & add this on your blog. +1 button image also has been changed in Google +1 button.

    March 3, 2013 at 3:20 AM

    Then i guess it works only in firefox as u checked in firefox, bcoz i am using google chrome and in that nothing happens when u hover mouse on any of them and i checked in IE also, in IE all 3 boxes come already opened and that too from left side of the IE browser. Sorry dear i cannot use this code in my blog as i want consistent code which will look similar in all of these 3 browsers, currently i have FB and twitter slide out box in my blog and it looks perfect in all 3 browsers, if u can rectify this problem then amazing or else my bad as i was looking for such 3 in 1 mouse hover code from so many days... Pl reply...

    March 3, 2013 at 3:21 AM

    And yes the +1 is changed to google+1, thanks for that.

    March 4, 2013 at 12:55 PM

    Waiting for ur reply friend, Thanks.

    March 5, 2013 at 8:06 PM

    Ashok you have done a nice affords to create this widget , i really appreciated you dude
    Tips Via Blogging

    March 6, 2013 at 1:34 AM

    hello brother i am daily reader of your blog i like your template please send me this on i am very thankful to you.

    March 6, 2013 at 11:47 AM

    Really nice widget ! The transitions effects are too good

    March 21, 2013 at 1:15 AM

    plsss me its not workin on my blog it shows but does not hover when i hover my mouse over it..

    April 6, 2013 at 12:13 AM

    Great post ever but i have a problem it's not popping out kindly help me about this one look at this site

    April 6, 2013 at 8:44 PM

    same problem........when u hover the mouse over any of these 3 it doesn't come out... pl fix this, i was waiting for this 3 in 1 thing from such a long time... pl fix soon. waiting...

    April 23, 2013 at 9:22 AM

    hey plz help me man i'm not getting it I have did all the things that have been said by you all the three are showing on my blog but when i click nothing happened it is not getting opened help me

    check my blog and see

    April 25, 2013 at 11:50 AM

    @MM NAUMAN Dear the widget generator has been updated now you can use this widget on your blog without any problem. just customize settings & click generate button. now click add to blogger ( if your face problem with ADD TO BLOGGER button then copy the generated code from text box & add this in your blog.)


    April 26, 2013 at 12:56 AM

    Thanks Alot for Share this Bro its Ammazing and working on My BLOG.... :)

    Free Download Adobe Photoshop Lightroom 4.4

    April 26, 2013 at 1:39 AM

    @Tiger Woung Welcome Bro Its my pleasure that our widget is working well for you.

    April 30, 2013 at 11:26 AM

    Thanks a zillion for this but but but dear it is not working, u ur self click on generate on this widget and then click on preview, it is not working in preview, i agree it is working in demo button but not in preview button, i also tried to put this code in my blogger layout section but this code doesn't work, when u hover the mouse over any of these 3 it doesn't come out... pl fix this, i was waiting for this 3 in 1 thing from such a long time... pl fix soon. waiting...

    May 2, 2013 at 9:38 AM

    @Akash Chauhan This widget is updated & the code is working. Just copy all generated code in above widget generator & paste in your blog's HTML Widget. Some times our preview button not working in Chrome.

    June 5, 2013 at 11:17 AM

    I want to use this to a html website, can you tell me how can i do this?

    June 5, 2013 at 10:29 PM

    @K M Hoque Dear KM Hoque,

    Enter your facebook twitter g+ ID in above widget generator & now click on generate button. now copy generated code from above widget generator. Now Paste that copied code in your HTML website.

    June 16, 2013 at 8:36 PM

    Dear twitter button not working on your blog and when i genrate widget twitter is not working...

    June 19, 2013 at 6:30 PM

    @Akash Chauhan we are working on it. thanks for telling us

    July 15, 2013 at 11:59 AM

    facing twitter problem ..

    July 15, 2013 at 7:12 PM

    I think Twitter have stopped to support for Followers Wedget as mine not working from last 2 months...

    August 7, 2013 at 8:12 AM

    Hi Reader,

    Good News for all NBT Followers. We have fixed the twitter problem. Now all 3 social widget are working fine. Please update your codes with new generated code.

    @ Dilip Gangani @ sumanth rakesh @ Akash Chauhan

    August 7, 2013 at 2:10 PM

    ThankS Ashu Bro..

    August 11, 2013 at 1:11 PM

    Thanks a lot bro for updating the twitter button, I will also fix it ASAP on my Highly Informative Technology Blog


    August 12, 2013 at 9:25 AM

    This is not working on my website my site and tell whats the problem is ok

    August 12, 2013 at 11:31 AM

    @Kitab GhaarYou generated the code twice. Firstly click Reset button in above Tool after that replace your user name in generator & now click generate button. Finally Click Add To Blogger or code generated code & paste in your blog.

    August 16, 2013 at 3:46 AM

    Hi.. Ashu Twitter followers not appearing on widget, If you have time please look at my blog.

    August 18, 2013 at 4:33 AM

    appreciate this is free content but it does not work for me. I have tried for nearly two hours all ways. It works in demo but not live on blogger. I have used different browsers too. It appears on sit but no reaction when curser is hovered.

    August 18, 2013 at 5:19 AM

    Really wish i could get this to work - any ideas :-(

    August 19, 2013 at 7:45 AM

    MUCH easier instructions than anywhere else I've found but I seem to be having issues with it working in Chrome, too. :( Input or suggestions? It's working on (except it doesn't show Twitter followers like yours does) but not at Confusing...

    August 20, 2013 at 11:10 AM

    @Dave Raikes Dear Dave,

    I found its working fine on your blog:-

    August 23, 2013 at 12:43 PM

    Love your social widgets and thank you for their use! I read a few posts up that the code for the Twitter tab has been fixed but It's still not working on my site. I entered my correct Twitter username but still not working. FB and Google+ are working fine. Anymore updates to fix this?

    August 23, 2013 at 1:15 PM

    Update to my previous comment. The Twitter tab is now working on my website! It just took a little longer to get the info from Twitter then the other social sites. Once again thank you for the use of these social tabs!

    August 28, 2013 at 11:38 PM

    Hi! THis slider widget doesn't work for me too. help please ASAP

    September 2, 2013 at 9:49 PM

    @Ashu Insan
    nice bro awesome widget i am adding this and working perfectly...

    September 6, 2013 at 9:08 PM

    Heres how to grab it(like in demo)...
    (Got good result in Firefox).
    1.Go to the demo page.

    2.Right click and select "view page source".

    3.Press ctrl+f.

    4.Search for 'facebook'.

    5.You will end up in a long line.

    6.Exactly copy the long line which appeared in search result.

    7.Paste it in your layout section- in a new HTML/Javascript box.

    8.Replace the term 'Newbloggertips' with your facebook and twitter
    ID's (both seperately.There will be two 'NewBloggerTips' terms).

    9.Replace '114850220168831844723' with your Google+ ID.

    That's it...You have got this widget..

    Note : Checked in Firefox and got positive result.Not sure of working

    September 13, 2013 at 10:50 PM

    add the generated code except the first script of j-query
    your template has already this script thats why its installed but does not work. look on my blog its working

    September 21, 2013 at 4:46 AM

    can you make the google+ change to youtube ?

    Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
    1. Make sure to click the "Subscribe By Email" link below the comment to be notified of follow up comments and replies.
    2. Please "Do Not Spam" - Spam comments will be deleted immediately upon our review.
    3. Please "Do Not Add Links" to the body of your comment as they will not be published.
    4. Only "English" comments shall be approved.
    5. If you have a problem check first the comments, maybe you will find the solution there.

    Copyright © 2012-13. NewBloggerTips - All Rights Reserved
    Home | About | Disclaimer | Privacy Policy
    Supported by : BharatNewsPortal | IBPSExamsPaper | BharatJobsPortal
    Designed by: Ashok Lothia | Proudly powered by Blogger