How To Add Share this To Every Blogger Posts - Helper Blogger

Helper Blogger

Blogger Widgets | Templates | Tutorials

    • Latest

    Thursday 29 December 2011

    Home Blogger Widgets Social Sharing Widgets How To Add Share this To Every Blogger Posts

    How To Add Share this To Every Blogger Posts

    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

    Tags
    Share This
    Author Image

    About Rahul

    By -
    Labels: ,

    31 comments:

    1. Anonymous11 May 2012 at 13:32

      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. Rahul11 May 2012 at 13:39

        Use code below -

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

        Above sharing gadget code here

        </b:if>

        Delete
      2. maw221422 September 2012 at 12:05

        Same Question rahul,,please help me..here is my blog..
        Funny Pinoy Picture,Pinoy Meme,Pinoy Pick-Up Lines

        Delete
    2. Anonymous11 May 2012 at 14:25

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

      ReplyDelete
      Replies
      1. Rahul11 May 2012 at 14:31

        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. maw221422 September 2012 at 12:10

        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. Anonymous11 May 2012 at 15:07

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

      ReplyDelete
    4. Rasakuu3 July 2012 at 09:10

      Thank youuuu sooo much... :)

      ReplyDelete
    5. Sherrie Sherrie29 July 2012 at 08:35

      This comment has been removed by the author.

      ReplyDelete
    6. Sherrie Sherrie29 July 2012 at 08:46

      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. Anonymous16 August 2012 at 18:09

      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. Charan 27 August 2012 at 17:49

      Not Worked for me Plzzzzzzzz Help me

      ReplyDelete
    9. Unknown28 November 2012 at 15:49

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

      ReplyDelete
    10. Neeraj12 December 2012 at 19:57

      how should i post it before body

      ReplyDelete
      Replies
      1. Unknown13 December 2012 at 00:00

        paste it after

        http://www.indiajobsworld.com

        Delete
    11. Unknown12 December 2012 at 23:58

      This comment has been removed by the author.

      ReplyDelete
    12. Harry15 December 2012 at 20:55

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

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

      ReplyDelete
    13. Unknown21 December 2012 at 16:00

      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. Anonymous22 December 2012 at 18:58

        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. Unknown31 December 2012 at 01:02

      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. HeatherLegge21 March 2013 at 06:59

      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
    16. Ali26 March 2013 at 01:11

      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
    17. MarcosTxT8 April 2013 at 20:17

      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
    18. Gaurav Chopra12 April 2013 at 22:33

      Thanks

      ReplyDelete
    19. Test17 April 2013 at 00:48

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

      ReplyDelete
    20. Opeedo18 April 2013 at 03:18

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

      ReplyDelete
    21. Anonymous5 May 2013 at 18:04

      This is amazing ..thank you very much..

      ReplyDelete
    22. Marcus14 May 2013 at 14:21

      Cool! It works! Thanks for posting!

      ReplyDelete
    23. honey14 June 2013 at 18:59

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

      ReplyDelete
    24. Anonymous14 October 2013 at 07:23

      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. Anonymous6 December 2013 at 22:28

      thankzzzzzz

      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

    Subscribe to: Post Comments (Atom)

    Author Details

    Hello Reader. This is Rahul, the author of Helper Blogger. Hope you have found this content useful. Do follow us on social media to stay updated with our latest widgets and tutorials. Also, don't forget to share this post using share buttons located just above.