Sharing is a most important thing which increases the traffic on your blog. By adding share this to every blogger posts increases the beauty of your posts. Today I am going to tell you how to add share this to every blogger posts wich includes facebook share,Twitter tweet it with Delicious Button.Installation of this widget is extremely easy so that you can add it very easily.


Installation - 
1) Go to Blogger Dashboard > Design > Edit HTML.
2) Then Find By Using Ctrl+F

<div class='post-footer'>
3) If you get 2 results then search for 1st one and paste below code just below/after it.

<!-- Sharing Button Code BEGIN -->
<span class='st_facebook_hcount' displayText='Facebook'></span><span class='st_twitter_hcount' displayText='Tweet'></span><span class='st_delicious_hcount' displayText='Delicious'></span><span class='st_sharethis_hcount' displayText='ShareThis'></span>
<script type="text/javascript">var switchTo5x=false;</script><script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script><script type="text/javascript">stLight.options({publisher:'f3e22f37-f1d3-41f4-adfe-e9667347c91e'});</script>
<!-- Sharing Button Code END -->
4) Now save your template and refresh your blog posts.
* If you are getting problem while installing the widget mention it in comments.
Hope all of you like this widget :)


Live Demo

Post a Comment

  1. i add this to my demo blogo. but this widget comes to my home page too. i want come this widget only in post page. please help me. i tried code. but its not ok. see this: http://sfdsfdsgdfgf.blogspot.com/

    ReplyDelete
    Replies
    1. Use code below -

      <b:if cond='data:blog.pageType == "item"'>

      Above sharing gadget code here

      </b:if>

      Delete
  2. i am really sorry sir, i can't find this code. please give me another solution

    ReplyDelete
    Replies
    1. hey you don't have to find above code.anyway leave all.Now follow below instructions.Tick expand widget templates and find below code

      <div class='post-footer'>

      add below code just below of above code

      <b:if cond='data:blog.pageType == "item"'>
      <!-- Sharing Button Code BEGIN -->
      <span class='st_facebook_hcount' displayText='Facebook'></span><span class='st_twitter_hcount' displayText='Tweet'></span><span class='st_delicious_hcount' displayText='Delicious'></span><span class='st_sharethis_hcount' displayText='ShareThis'></span>
      <script type="text/javascript">var switchTo5x=false;</script><script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script><script type="text/javascript">stLight.options({publisher:'f3e22f37-f1d3-41f4-adfe-e9667347c91e'});</script>
      <!-- Sharing Button Code END -->
      </b:if>

      Now save your template and you are done...

      Delete
    2. Hello sir not working for my blog..can u help me..here is my blog..
      Funny Pinoy Picture,Pinoy Meme,Pinoy Pick-Up Lines

      Delete
  3. wow.....thank u dearrrr. it helped me alot. you have a bright future.... you are awesome

    ReplyDelete
  4. Thank youuuu sooo much... :)

    ReplyDelete
  5. This comment has been removed by the author.

    ReplyDelete
  6. Hi Rasakuu,
    Your code worked fine however I also want to share the individual blog post and not the blog page.
    I added your
    b:if cond='data:blog.pageType == "item"'
    before and the
    /b:if
    after your code, but that didn't work for me.
    I also tried
    b:if cond='data:blog.pageType != "static_page"'
    before and the
    /b:if
    after your code. That worked but also just shared the blog page and not the post post.

    Any ideas??
    Thanks.

    ReplyDelete
  7. Hi there,

    Can you please post the code for one that includes G+, Facebook, Twitter, Pinterest and ShareThis, just like the one that you have on your posts?

    That would be amazing.

    ReplyDelete
  8. Not Worked for me Plzzzzzzzz Help me

    ReplyDelete
  9. wat about this id : publisher:'f3e22f37-f1d3-41f4-adfe-e9667347c91e'??

    ReplyDelete
  10. how should i post it before body

    ReplyDelete
    Replies
    1. paste it after

      http://www.indiajobsworld.com

      Delete
  11. This comment has been removed by the author.

    ReplyDelete
  12. Thank you This is work in my blog...!!!

    http://hacking-zones.blogspot.in/

    ReplyDelete
  13. Hi, i need the code for the facebook like button, then facebook share, then twitter, then google+ and then the share buttons in order. I generated the code and pasted it below the post footer like u said but it wont let me save the settings. It says this --> Error parsing XML, line 890, column 565: Element type "c.length" must be followed by either attribute specifications, ">" or "/>".

    Can u generate another code for me for all the buttons i said above and tell me where to paste it? Thanks in advance

    ReplyDelete
    Replies
    1. Hi Angel,

      I have also faced to this problem. so i removed below portion from code and add rest. it's worked. try it with your self.

      var c = f.parentNode.parentNode.childNodes;for (i=0;i<c.length;i++) { try { c[i].style.display = "none"; } catch (err) {}}

      Delete
  14. Hello,

    The code is working, but...the counter isn't working right. If a post is shared, the counter of the share buttons on one page is exactly the same...

    Can you help me out?
    http://orientalspiceandsomechocolat.blogspot.com

    ReplyDelete
  15. A woman takes a lot of pride in her breasts, because they help her to feel naturally beautiful and stylish as a grown woman. Triactol is a breast enhancement serum that acts on the tissues surrounding your breast and gives them a younger appearance. Large, firm, perfect and perky breasts that give a natural look are the dream of every woman. There are different methods used for the breast enlargement. Triactol bust enhancement serum has gained a larger number of fans on the market and the demand for its use is constantly growing. Triactol serum renders outstanding and guaranteed results and offers you a 60 days money back guarantee as well. No other breast enhancement cream or any such product offers this kind of guarantee to the users. Triactol works by increasing breast tissues. In order to make breasts naturally larger and perkier, the growth of the tissues are being controlled the natural way. Throughout any Triactol review, you will notice that there are more then plenty of benefits from using this serum, because it is natural and it provide the scouted results. Triactol serum utilizes quality grown bright pueraria mirifica, which functions the most efficient. Triactol is the kind of effective serum that can make your bust size grow and grow, seemingly all on their own. Sure, the process will be a little bit more drawn out than a nip and tuck, but you’ll be protecting your future health while also improving your appearance. This is the kind of solution that you can count on, and a very real reason to buy Triactol, For more review about TriactolBust Serum, Visit http://www.triactolplus.com

    ReplyDelete
  16. This is awesome - thank you! Between hiding labels and adding sharing to posts, I am happier with my blog: http://www.envisionsuccessinc.blogspot.com/ Thanks again!

    ReplyDelete
  17. Hello I was wondering how do i move it to the right could you give me the code and exactly where to put it thnx

    ReplyDelete
  18. Tuve un problema similar, pero insertando los botones sencillos de sharethis. Si desean insertar este artiligio en blogger no usen en el primer paso de configuracion la opcion "B" (para Blogger) si no "WWW" (para websites. Debido que el script que genera para blogger no funciona, se queda en blanco.

    -in english-
    i had a similar problem, but inserting the simple buttons. if you want insert this widget in blogger not use the option "B" (for Blogger) because this script not work. Use the option "WWW" (for Website).


    Espero les sea util la info

    ReplyDelete
  19. I want to add default blogger share buttons to my blog www.bestshoppingdealsofindia.com

    ReplyDelete
  20. thanks so much this has work for me immensely www.whispernaija.com

    ReplyDelete
  21. This is amazing ..thank you very much..

    ReplyDelete
  22. Cool! It works! Thanks for posting!

    ReplyDelete
  23. I want to add default blogger share buttons to my blog
    www.yourwidgetworld.com

    ReplyDelete
  24. I got this error Element type "c.length" must be followed by either attribute specifications, ">" or "/>"

    I fix it like technetalk advice above, but still nothing happens. my blog using custom templates btw > komikx.com

    ReplyDelete
  25. Sharethis widgets are very cool, I have embedded sharethis egg widget in my blog which looks awesome. Well for normal sharing buttons, I prefer addtoany sharing buttons. I have embedded both type of buttons in posts of my blog www.helpitx.com

    ReplyDelete
  26. Hi helperblogger, I have used your code in my site http://www.lyricsopedia.com/2014/10/watch-kaththi-trailer_19.html .. but the height of facebook image and other images are very less and i could not add css to set the height. Can you please let me know how to make it work.

    ReplyDelete
  27. dear,
    website author
    Some men are not comfortable talking about male enhancement products. When this topic is tackled, they feel some sort of nervousness. In fact, they prefer not to have it as a topic in any conversation.
    To know more about this go: Biomanix reviews

    ReplyDelete
  28. Highly Recommended dosage is to take 2 capsules every morning.
    Please visit the site for more details: Biomanix review

    ReplyDelete

If you want to be informed about any replies then check "Notify me" option (present at lower right corner of comment box and it will display if you are logged in to your google account).PLEASE DO NOT SPAM

 
Top