Social Media Sharing Buttons Below Every Post In Blogger

Adding social media sharing buttons below every post in blogger is now easy, you just have to do some simple steps from this article, with these social media sharing buttons your blog will get huge traffic from social media websites like Facebook, Twitter, Google+, StumbleUpon etc, also your blog visitors/users can share your blog posts on all social media networks because I have added AddThis button into this social media sharing bar, this will give your blog's a stunning look with counters of sharing buttons, so as you all know social media websites are growing faster and faster day b day even most of peoples use internet for social media sites so why you can't get more of social media ? add this sharing bar in your blogger blog and get more traffic from social media platforms, read below easy steps.
Social Media Sharing Buttons Below Every Post In Blogger

How To Add Social Media Counter Style In Blogger ?

1, Go to > log in,
2, Select your blog and go to its Template section > Edit HTML,
3, Find <data:post.body/>  wait there are many <data:post.body/> tags in some blogger blogs so make sure you select right one for guide see below image,

Social Media Sharing Buttons Below Every Post In Blogger
4, Copy below coding and paste it according above image,

<div style='clear: both;'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div align='center'>
<p style='margin:0; border-bottom:2px solid #333666;'><font color='#009999' face='Arial Black' size='5'> Share This Article &#187;&#187;</font></p>
<table border='0' cellpadding='5' cellspacing='10'><tbody>
<td style='padding-top:8px;'>
<g:plusone size='tall'/>
<script type='text/javascript'>
  (function() {
    var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
    po.src = &#39;;;
    var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
      <td style='padding-top:8px; '>    <script src=''/>
      <td style='padding-top:8px;'>   <div id='fb-root'/><script src=''/><fb:like font='' href='' layout='box_count' send='false' show_faces='false'/></td>
      <td style='padding-top:8px;'><a class='twitter-share-button' data-count='vertical' href=''>Tweet</a><script src='' type='text/javascript'/> </td>
<!-- AddThis Button BEGIN>
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_counter'/>
<script src='' type='text/javascript'/>
<!-- AddThis Button END>
<div style='clear: both;'/>

Customization :

Change            Text with your desire heading,
Change            Text for changing color of border,
Change            Text for changing heading color,
  • That's all so now save your template and take a look of any post of your blog a awesome social media sharing buttons box will appear below post.
If you want to add this sharing widget after all blog posts titles then find <div class='post-body entry-content'> and paste above coding before <div class='post-body entry-content'>

From Editors Desk

So friends I think now you have easily added social sharing buttons in every post of your blogs, if not then tell me your problem I will surely solved it, just drop a comment below :). Don't forgot to share this article.Thanks to Mbt and Mbw.
Share This

Previous Post
Next Post


It's free and takes only a minute to comment and show your love for this article, even if you want anything to be changed here or created as a blog post. You can suggest by commenting below.