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=’’ 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’/>

Step 6: Click  Save Button


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.


Heeren Tanna, a Digital Marketing Consultant, Trainer and Speaker on a mission to help 10,000 people in starting a business online and making a full time income from it.


  1. Ariful Haque Reply

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

  2. potia casadelarossa Reply

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

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

    • See, in your blogger template their will be multiple code. You have to find correct code try try and error method. Don’t forget to backup your template.

  4. ajaydamraliya Reply

    Hello Umesh sir,
    Thanks for sharing.
    Keep sharing.

    Thanks & Regards,


    • 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.

  5. Ashish Sahu Reply

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

  6. Next Episode Promo Reply

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

  7. 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.

  8. bellerooli Reply

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

Write A Comment

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

we want to
hear from you!