Home » Social-Media » Fixed Hovering Social Bookmarking Widget For Blogger - Video Tutorial


Fixed Hovering Social Bookmarking Widget For Blogger - Video Tutorial


Posted : Tuesday, June 28, 2011 | Post Author : Paul Crowe | Categories: , , 20 comments

You may have noticed Social Bookmarking Buttons or Icons in a fixed or hovering position that scroll with the page on many of the blogs you visit.This type of Fixed Bookmarking widget has become very popular and can get more people sharing your content on Twitter, Facebook and other social networks.In this Blogger Tip i will show you probably the easiest way you too can have fixed social bookmarking buttons on your blog.The widget we are going to use is from Share This, it looks great, offers users the option to share on almost every Social Network and is easy to implement.

This is a video post so you can follow the steps in the video with a quick run down of the steps below it.I also have a demo so you can see exactly how it looks :

View Demo Button

Add The Fixed Share This Widget To Blogger Video Tutorial



Subscribe To Our YouTube Channel

Always Back Up Your Template Before You Make Changes - How To Back Up A Blogger Template

Step 1. Got To ShareThis.Com

Step 2. Log In Or Sign Up, quickest.

Step 3. Click the Labs option in the top menu choose Hovering Buttons.

Step 4. Un-check the Enable Ads box, Choose the docking position for the left or right of your blog, Select the buttons you want then click get the code.

Step 5. Back in your blogger dashboard click Design > Edit Html.

Step 6. Place the first snippet of code from Share this Directly above </head> .

Step 7. Place the second snippet of code directly above </body> .

Step 8. Save your template.

How easy was that ? Make sure to check out more of our Blogger Tips, Blogger Gadgets and Social Bookmarking Gadgets.

Drop Your Comments And Questions Below.


If You Enjoyed This Post Please Take 5 Seconds To Share It.

Stay Connected With Free Updates

Subscribe via Email

20 comments:

  1. I added it without any problems, but it doesn't seem to work. It says it had shared, but when I look at my FB wall or twitter feed, there's nothing there.

    ReplyDelete

  2. hola i liked the post, what's your opinion about addthis and wibiya compared to sharethis?

    ReplyDelete

  4. @ Sylvia - Thats odd, I use it on another blog and never have trouble with it.You can connect your social profiles with Share This to make it easier but it should work anyway.Quickly check that you added the script in step 6 correctly.

    ReplyDelete

  5. @ Actualidad - Addthis is probably still the most popular "all in one" type bookmarking site, i think wibiya is a differant type of service.There are also sites like addtoany, onlywire and sharepost.They are all great but in my Humble opinion Share This is the best.That is just an opinion and the others might suit other people better.

    ReplyDelete

  6. thanks for sharing,i'll bookmark your web,keep sharing

    ReplyDelete

  7. i still don't understand..can you explain it more? btw,thanks for sharing

    ReplyDelete

  8. @ Fonsat - I dont think it is possable to explain more than a video and text tutorial.Exactly what part dont you understand ?

    ReplyDelete

  9. Thank you so much for sharing this info. Very useful I have now decided to add the social sharing buttons, I will be adding you blog to my website as a recommendation to people that visit my blog.

    All the best and keep up the good work

    ReplyDelete

  10. This worked well, but I see your blog has a slightly different side-sharing bar. Does anyone know how I could put something like that on my site?

    ReplyDelete

  11. @Elazar Krausz - I would also like to have one like the one on this blog. Also the one in this tutorial did not work for me.

    ReplyDelete
    Replies

    1. I doubt it's worth saying, but I too would love to have the share bar on this site. It's much more clean and professional looking than the one provided in the tutorial.

      Delete

  14. Thank you sooooooo much. I just added the hovering button!!! You make this so easy for us non-technical folks. Yesterday, I added the vintage buttons. Followed along with your video instructions, which are spot on. Thanks again.

    ReplyDelete

  15. Thank you very much! It work on my page!

    ReplyDelete

  16. Thanks for this mate, your blog is great and you give good advice.

    I will contact you soon, as I need some advice.

    ReplyDelete

  17. I'm trying to do this, but when I go to the Share This site I don't see the option for the vertical hovering column. They only let me put the horizontal bar at the bottom of my posts, and it doesn't get rid of the old sharing bar I had before. Any advice?

    ReplyDelete

  18. Hello,

    there is no more "The Fixed Share This Widget" button on Share this.com, lab section. Are you able to help?

    Furthermore, I'm looking for a nice sharing button (Fb, Twitter, Mail, etc.) I like to place at the right upper corner. Where did you found yours? It looks fine.

    Cheers, Nico

    ReplyDelete

  19. Thanks for sharing your info. I really appreciate your efforts and I will be waiting for your further write ups thanks once again.

    ReplyDelete



Important - Make sure to click the "Subscribe By Email" link below the comment for to be notified of follow up comments and replies.If you use Name/URL don't use keywords as your name (You Know Who You Are).

Subscribe to: Post Comments (Atom)