How To Add Social media Sharing Button Below Every Blogger Post?

Sharing+button+below+every+post+body[dropcap]I[/dropcap]nserting social media button below blog post or above comment box is highly recommended as after reading entire blog post visitors will be able to make decision whether to share your stuff or not. This tutorial is a part of SMO, Increase your blog traffic put social media sharing button below every blog post in blogspot site.


Take a look, following are two alternative that you might like to read and apply in your blog.

Sharing floating bar gadget for blogger.

Sharing button below post title.

Sharing button below every post body.

To reduce unnecessary loading time of a blogger blog, I have used the hide and show widget blogger tutorial on this so it won’t increase the load time of your blog.

Step 1:  Backup your template: (How to backup your blogger template ?)

Step 2: Go to Blogger Dashboard > Template > Edit HTML

Step 3: find </head> by pressing (Ctrl + f )

Step 4: Copy and past following code Above </head> tag.

<script type=’text/javascript’>var switchTo5x=true;</script>
<script src=’http://w.sharethis.com/button/buttons.js’ type=’text/javascript’/>
<script type=’text/javascript’>stLight.options({publisher: &quot;ur-404af1e-8466-e495-f39d-559b597b9b17&quot;}); </script>

Step 5: Now Search For <data:post.body/> and Past following code below it.

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<center><span style=’color: #009900; font-size: 12px; font-family: Verdana;’>If You Enjoyed This Post Please Take 5 Seconds To Share It.</span></center><br/>
<span class=’st_facebook_vcount’ displayText=’Facebook’/>
<span class=’st_googleplus_vcount’ displayText=’Google +’/>
<span class=’st_twitter_vcount’ displayText=’Tweet’/>
<span class=’st_orkut_vcount’ displayText=’Orkut’/>
<span class=’st_digg_vcount’ displayText=’Digg’/>
<span class=’st_pinterest_vcount’ displayText=’Pinterest’/>
<span class=’st_typepad_vcount’ displayText=’TypePad’/>
<span class=’st_reddit_vcount’ displayText=’Reddit’/>
</b:if>

Step 6: Click  Save Button

Conclusion:

When we talking about marketing aspect only search engine marketing is not sufficient. Many bloggers are gaining too much traffic from social networking website as compared to search engine traffic.

20 Comments
  1. bro i am adding this successfully but i need facebook like with count button please give me the code..

  2. Reply
    potia casadelarossa 12 July, 2014 at 2:35 PM

    i like this tutorial… its working in my site.. thanks for the best tutorial… keep it up bro

  3. Hi umesh, It’s not working on my blog, Please help me.

  4. Best article good job keep it up.

  5. I did this on my blogger website
    following all the instructions
    still not showing buttons coming blank?
    Can you tell me whats the problem?

  6. Hello Umesh sir,
    Thanks for sharing.
    Keep sharing.

    Thanks & Regards,

    EStackoverflow

  7. not working. waste f time 🙁 .plz help

    • Hi their is multiple title tag are their in your blogger template, Just use try and error method to find perfect title tag. And paste that code below that title tag, Hope this will help you.

  8. I applied it, but doesn’t work.

  9. great post sir, its working, thanks for sharing this amazing post

  10. Hello, yes this paragraph is truly nice and I have learned lot of things from it about blogging.
    thanks.

  11. The Best Looking and Engaging Social Media Buttons . I Applied in all my Blogger sites .
    Thanks

  12. HI Heeren,

    Its really a great article on “social media sharing button below every post body”. till now i used default social media share button for every post body in my blog. after reading this article, changed my mind to change from default to your customized code. now i am going to use this share buttons in my blog.

  13. Hello i am new user and i would to ask you, How to disable avatar?

Leave a reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Digital Marketing Blog
Logo

we want to
hear from you!