Breaking News
recent

How To Add Floating Social Media Share Widget To Blogger

You can easily get a floating widget tray for your blog by following these simple steps. Without any delay, let's get it done. 

We need social widgets to get your blog more views. The content which you publish on your blog will be viewed by lot of people. If you do not have any social sharing widgets, there is a less chance of getting your blog more audience. The floating Widget is pictured below...


Traffic boosting Social sharing widget


Normally the Social sharing widget is at the end of the posts. The floating vertical share buttons flow with when the visitor scrolls the page.

It had lot of popular media sites like Facebook, pinterest, twitter and many other. It will definitely boost the traffic of your blog. I suggest strongly that you should have this widget in your blog.

Steps to be taken for installing this widget

1) Go to your "Blog" page

2) Now go to the "Layout" tab

3) Click on "Add a Gadget"

4) From the list select "HTML/JavaScript" widget
   
5) Add the following code in the "Content" Section [NOTE : Keep "Title" section empty]

   <!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="left:03px;top:300px;">
<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a>
<a class="addthis_button_tweet" tw:count="vertical"></a>
<a class="addthis_button_google_plusone" g:plusone:size="tall"></a>
<a class="addthis_counter"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-516ff8e04b04378b"></script>
<!-- AddThis Button END -->

6) Click on "Save" and see your blog. You have your new floating widget. 


If you want "Pinit", "StumbleUpon", "Linked In" buttons, please do check the below link.


If you have any doubts, do leave your comments below. 

83 comments:

  1. nice work man. i added the code to my blog http://indiantourist-spots.blogspot.com and its working fine.

    thanks again.

    ReplyDelete
    Replies
    1. You're welcome. I'm glad it helped you.

      Delete
  2. Thanks for your helpful post, really useful trying to navigate the minefield of blog design!Thank you so much for this easy how to!
    website design

    ReplyDelete
  3. when i like your facebook button it does not increment value
    how we add our own facebook page .

    ReplyDelete
    Replies
    1. Did you like on the floating widget which is on the left side or on the right side box? Because if you have liked on left it well incremented as soon as you like or refresh the page and the left one too. I hope I have cleared your doubt. Thank you... :)

      Delete
  4. Thanks alot. Worked just fine :)

    ReplyDelete
  5. Thank you so much...
    the instructions are simple and efficient :)

    http://thewoodpeckerfilmfestival.blogspot.in/
    http://divakary.blogspot.in/

    Keep up the good work :)

    ReplyDelete
    Replies
    1. I'm glad. And, thanks for such inspiring words. :)

      Delete
  6. it's really nice working in my blog
    http://dotnetcrezy.blogspot.in

    ReplyDelete
  7. Hello

    I want to add pin it button as well in this widget. Can you tell me how I can do so?

    Thanks
    Jasmeet

    ReplyDelete
  8. Nice Work . Thanks For Sharing
    http://allgames-corner.blogspot.com/

    ReplyDelete
  9. Thanks a lot effectively position interpersonal symbols are usually the most crucial items for the web page in addition to each and every doodlekit need to put this kind of system on the internet site suggestions yet another scrolling discuss icons with blogger their furthermore very good but is not far better you then,: )

    ReplyDelete
  10. i luv this post !!!!!

    http://onlineearnmoneyfb.com

    ReplyDelete
    Replies
    1. Thank you for your kind words... :)

      Delete
  11. why on tweet #.UdTnI4Jqon0.twitter ???

    ReplyDelete
  12. Simple and easy to add, but I have a couple of questions.
    The Pin it button doesn't show up, is there a way to add it?

    and the other question, would this like/tweet/share the whole blog even if you are on a post page, or the post page separate as well?

    Thanks!!

    ReplyDelete
    Replies
    1. Pin it- I am still working on it. I have problem with it's XML tags.

      I like your 2nd question-

      No, it will like,tweet,+1, or share the whole blog if you are viewing the home page of the blog. But, if in case you're on a separate single post it will just like, tweet, +1, or share only that single post.

      I hope I cleared your doubts.

      Thanks

      Delete
    2. yes!!!! thank you so much for your super fast reply!!!! :-D
      It's working perfect so far.
      I had tried another one before finding yours, and it has the Pin it button which only works on Post pages, I've seen it used on other blogs, but I couldn't manage to get it to show up :-/
      so thank you again!!!

      Delete
    3. You're welcome...

      Join the blog via Facebook,Google plus or RSS feeds, so you can get update whenever I will do the post related to pin it button.

      Thanks

      Ather

      Delete
  13. Nice, work nicely, How about the share this button below every post, how do I ad that? Its great to have people like you online to help others.

    ReplyDelete
    Replies
    1. Check out this link...

      http://technogadgetworld.blogspot.in/2013/06/insert-facebook-like-button-in-every.html

      Thanks for your inspiring words.

      Delete
  14. now my site looks much better...
    www.titechnic.com

    ReplyDelete
  15. good widget for blogger i am like this and now i am generate a fancy twitter floating box for blogger it is awesome!!

    ReplyDelete
  16. Hi, thanks for sharing this widget. It's really useful for blogger.

    ReplyDelete
  17. Thanks! Works great! Really helps my blog!

    ReplyDelete
  18. Great this is such a big help thank you.

    ReplyDelete
  19. We have also used it on our blog http://scienceinavan.blogspot.co.nz/ - thank you so much!

    ReplyDelete
  20. Hi, I really like the simplified version of simply going into Blogger into the adding html section in Layout. I look forward to receiving the Pinterest "Pin It" counter addition. Thank you!

    ReplyDelete
    Replies
    1. You're welcome. I am glad it helped you. Do subscribe to the blog to receive pinterest "PinIt" update. Thank you... :)

      Delete
  21. this is awesome! i am using this on my blog http://tobestressfree.com/ and it is working perfectly! thank you so much.

    ReplyDelete
    Replies
    1. You're welcome. I'm glad it helped you...

      Delete
  22. See the implementation of this in my blog http://timesavior.blogspot.in/ as it works fine for me ,if some1 needs help then please feel free to contact me in my blog

    ReplyDelete
  23. THANK YOU for making it soooooo easy... You are awesome!! Anyway to add a Pinterest Pin to it?
    You are the greatest

    ReplyDelete
    Replies
    1. You're welcome. Thanks for appreciating. Do subscribe to the blog to receive pinterest "PinIt" update.

      Delete
  24. Hi, thanks for the good efforts!

    When i click like, it turn into confirm
    when i click confirm, it pop out internal server error.

    please help :(

    ReplyDelete
    Replies
    1. "Internal server error" may pop up sometimes even when you are adding some other widget too.
      It's is not a big deal. Just try it again, I hope it will be going to work just fine.

      Thank you.

      Delete
  25. Thank you soooo much.been searching for months on how simply to add this to my blog,....thankfully i found it here.

    ReplyDelete
  26. lot of thanks to u...its very simple to add the above code to blogger without editing template html.:)....I would recommend this widget.Thanks and regards
    Http://www.appinstall.blogspot.com

    ReplyDelete
  27. Hi,
    This is a great widget - I was just wondering what would have to be added to the code for it to include a LinkedIn button/share stat box as well?

    Thanks!

    ReplyDelete
    Replies
    1. Hello,

      Thanks for appreciation. We still working on that code. There has been many requests for it.
      Do subscribe to blog, so as to get information when we update.

      Thanks....

      Delete
  28. fantastic. this is useful. i have it on my website and blog.

    ReplyDelete
  29. It really helped but can I add more icons to it? Like Tumblr and stumble upon

    Thanks for the share

    ReplyDelete
    Replies
    1. Yes, you can add. Check this link for stumble upon and pinterest.

      http://technogadgetworld.blogspot.in/2013/07/how-to-add-floating-social-media-share.html

      Thank you.

      Delete
  30. Thanks much Works fine and visit my blog www.bloggerakezh.com...to increase your tariff..

    ReplyDelete
  31. Very nice widget. Thank you for sharing .

    ReplyDelete
  32. I have added the widget to my blog satnamtech.blogspot.in , but is there any way that i disable it in homepage, and the widget can only be seen in posts.

    ReplyDelete
  33. I was exactly looking for something like this.. Just added it on my blog.. am loving it :). http://famousgreatandall.blogspot.com/

    Thank you so much Ather Schreib for sharing the code :)

    ReplyDelete
  34. Finally got this done in my website..!! thank you very much
    check here SerialKeyWorld

    ReplyDelete
  35. thanx
    http://techonrdg.blogspot.in

    ReplyDelete
  36. thnx a lot.t worked great at my blog http://udakubiz.blogspot.com/

    ReplyDelete
  37. If you want to increase Twitter fans, then the right way to do it is to make sure that Buy Most Twitter Followers from the legitimate supplier. Additionally, it is also important to make sure to do your homework regarding the deal with the company. You can also check the earlier work of the company so that you can gain confidence about that firm.

    ReplyDelete
  38. Thank you for this post.. Yes it worked on my blog actually, but when i click on the facebook like button, it doesnt come with the post title and the snippet to share on facebook, pls how do i go about this?

    ReplyDelete
    Replies
    1. Just check the code. Paste it as it is given above. Thank you. :)

      Delete
  39. For some reason, this gadget isn't showing in firefox for me... Any clue why?

    ReplyDelete
    Replies
    1. Make sure your browsers has been enabled to run JavaScripts...

      Delete
  40. Thx ! Is there a way to change to background color ?

    ReplyDelete
  41. Thank you! Worked well for me! =)

    ReplyDelete
  42. This is great, it seems to be working! Thanks! One style question, is there any way to move it higher up on the page? It starts down a little too low, so that the lower buttons are cut off unless I go into the full screen mode...

    http://www.naturenurturegrow.com/

    ReplyDelete
    Replies
    1. Change the value in the second line at the end for top:300px( Change 300 to any value you want and try to set the widget according to your need). Thank you

      Regards,
      Ather

      Delete
    2. It's just perfect now! Thanks so much!

      http://www.naturenurturegrow.com/

      Delete
    3. You're welcome...

      Regards,
      Ather

      Delete
  43. Nice widget. Is it possible to add Facebook sharing buttons not only the like button?

    ReplyDelete
  44. Nice but i need Transparent Code. Can you Help me? @Ather Schreib?

    ReplyDelete
  45. Is there any way of adding pinterest with a counter as shown on the 'with counter' bar in the illustration above? I've installed the widget but only get Facebook Tweet and Google+ with counters.
    Having said that the bar that has appeared is very appealing and works well - just need the pinterest counter. Help :0)

    ReplyDelete
  46. Nice One..Works perfect..

    Visit belowlink, for Internet advertising, Social Media Marketing, Email Marketing, Mobile Marketing

    http://www.socialmediamasala.com

    ReplyDelete

All rights reserved by TechnoGadgetWorld or TGW. © Copyright protected 2012-2015. Powered by Blogger.