Blogger Has Finally Added Share Buttons in Blogger Draft

Share buttons is an essential tool to promote and after a long time Blogger has launched share buttons for blogger in draft. It seems Blogger is slowly implementing some essential features to help bloggers to blog better and its good for many who are not good at coding. So no more coding needed and lets welcome a world of simplicity.

Step 1: To active the share buttons, log in to Blogger draft and navigate to Design > Page Elements, then click on Edit of blog post widget

Step 2: Now on that pop up window, check Show Share Buttons. In order to change the position drag and dropping under the post title or under the post content.

blogger launched share button

Live Demo 
Hope to see many more enhancements from blogger in the future. You can also check out my tutorial on floating share bar for blogger.

June 17, 2010. This entry was posted in Blogger and tagged , . Bookmark the permalink.

We Recommend HostGator Hosting

Bloggermint strongly recommends Hostgator Hosting for all of your web hosting needs. Sign up today for WordPress Hosting at just $4.95/month.

Use coupon code "bloggermint" to get 25% discount on any hosting packages. Get an account with Hostgator now!

32 Responses so far!

  1. This is Really Good and New Feature in Blogger ! Hope they Update More !
    .-= Karthikeyan´s last blog ..ShareBar | Floating Bookmarking Plugin For WordPress =-.

  2. I use WordPress on my blogs, however it seem that blogger are making better with his platform. Very cool and useful features.

  3. But this does not work with custom templates.. only works with Blogger own templates.. needs some tweaking for custom templates. I tried in my template.. it dint work :(
    .-= Vikash´s last blog ..Micromax X260 Dual SIM Mobile Review =-.

  4. @Nicola – I still love Blogger, its a beautiful blogging platform.

  5. @Vikash – Yup I agree, I am updating my post with a solution for custom blogger templates.

  6. @Vishal – Use this script to make it work for custom templates <div class='post-footer'> and paste this code <div style='clear: both;'/>
    <div class='post-share-buttons'>
    <b:include data='post' name='shareButtons'/>
    </div> below footer code

    Give a try hope it works….use blogger in draft to add and test this feature

    • வணக்கம் (Tamil: Vanakkam)

      Dear Franklin Manuel Brother,

      Very Thankfull for ur info.

      மிக்க நன்றி (Tamil: Mikka Nandri )

      :-)

  7. Pingback: Tweets that mention Blogger Has Finally Added Share Buttons in Blogger Draft | Bloggermint -- Topsy.com

  8. yah this works well. A very slim code not a 100kb js script for this feature. Perfect thank u!

  9. Blogger is presenting new features regularly. It is good for blogger users
    .-= Ahsan´s last blog ..Fat Mother with Fat Daughter =-.

  10. @Ahsan – They are yet to introduce even more features in the coming months

  11. Hi, I am using the classic blogger template but have it hosted on my own domain, however I have the Show Share Buttons selected but they are not showing up on my blog. Any ideas why this could be happening?

    Many thanks!

    Marsy
    .-= Marsy´s last blog ..Cycling =-.

  12. @Marsy – Are you using blogger in draft to add the share button? or the regular blogger.com?

  13. Hi there,

    If you want to change the appearance to a ‘flat-style’ (no border, no hover effect)

    sample see on my blog: http://www.Leechermods.com

    add this to yout CSS section:

    .sb-email {
    background-position:0 -66px !important;
    }
    a.sb-email:hover {
    background-position:0 -66px !important;
    }
    a.sb-email:active {
    background-position:0 -66px !important;
    }
    .sb-blog {
    background-position:-21px -66px !important;
    }
    a.sb-blog:hover {
    background-position:-21px -66px !important;
    }
    a.sb-blog:active {
    background-position:-21px -66px !important;
    }
    .sb-twitter {
    background-position:-42px -66px !important;
    }
    a.sb-twitter:hover {
    background-position:-42px -66px !important;
    }
    a.sb-twitter:active {
    background-position:-42px -66px !important;
    }
    .sb-facebook {
    background-position:-63px -66px !important;
    }
    a.sb-facebook:hover {
    background-position:-63px -66px !important;
    }
    a.sb-facebook:active {
    background-position:-63px -66px !important;
    }
    .sb-buzz {
    background-position:-84px -66px !important;
    width:22px;
    }
    a.sb-buzz:hover {
    background-position:-84px -66px !important;
    }
    a.sb-buzz:active {
    background-position:-84px -66px !important;
    }

  14. Pingback: Tom Conlon Fans » My Shared Items: Week of June 21st, 2010

  15. Pingback: tips & tricks: How to Change order of blog post

  16. yeah…this is an awesome new feature. But it’s not working on my blogger blog for some reason. It’s definitely checked…I followed your instructions. But it won’t actually show up on my blog. Help?!
    .-= K8´s last blog ..My Name is Volatile =-.

  17. @K8 – I hope you are using Blogger draft to add the share buttons

  18. dear i try my best to apply social bookmarking by this way but my bookmarks not shown in my posts

  19. Franklin Manuel, thank you for providing the code for adding the Share buttons to custom templates… my problem is that I do not know anything about the code in the edit HTML window, so have no idea where to put the code you provided. Would you be so kind as to provide specifics?

  20. @Elpy – Go do design > EDIT HTML tab in your blogger dashboard. Then check on “Expand Widget Templates” and search for the code <div class='post-footer'> and finally place the code which I have mentioned on the comments.

  21. Franklin: Here is Google’s actual procedure (very close to yours, but with some more details):

    http://www.bloggerplugins.org/2010/06/official-sharing-buttons-on-blogger.html

  22. Franklin Manuel 18. Jun, 2010 at 8:15 am

    @Vishal – Use this script to make it work for custom templates and paste this code


    below footer code

    Give a try hope it works….use blogger in draft to add and test this feature///////

    thanks a lot. its working
    .-= pa1fan´s last blog ..KOMARAM PULI GALLERY 15 HQ =-.

  23. I’m already using blogger draft to add this new feature but it didn’t work on one of my blog.

  24. @Folic2dam – The share button works with normal blogger dashboard too. So try with the normal login

  25. @FranklinManuel What is blogger in draft? I believe I am using the regular blogger. I managed to fix it by simply adding one of the new templates and suddenly it appeared! So I had this share button up for a while but have now replaced it with a different share button that offers a much larger varity of sharing options. I like the design of this one from blogger but it’s still too limited.

    Thanks for your help though!

    Marsy

  26. @CrIS nice one!

  27. Thanks so much – this comment

    “Use this script to make it work for custom templates and paste this code


    below footer code”

    was what I was looking for.
    .-= Vernon´s last blog ..Namibnat- Grasshopper http-dlvrit-5qLdj =-.

  28. One more “Thank you!” @ Franklin Manuel for the code.

  29. Thanks Blogger mint……
    .-= eglobe.sl´s last blog ..Most Beautiful National Geographic Photographs Wallpapers =-.

  30. Thanks — Blogger in draft did the trick!

Leave a Reply

Your email address will not be published. Required fields are marked *