Add +1 and Delicious Sharing Count Buttons To Blogger Posts

What could be more exciting then to have all major social networking buttons all together. social media widgetInternet is turning more and more social and social media networks help a lot in circulating content and in bringing handsome traffic. Google+ is the talk everywhere now and old bookmarking services like StumbleUpon and Delicious still remains important tools for ranking higher in search listings. I have combined the count buttons for +1, stumbleupon, twitter, Facebook, delicious and with a addthis button which includes 360 other social sharing options. In short the widget today offers all that a blog needs. Lets add it to blogger!

 

Live Demo

 

Add Social Networking Buttons at The Bottom of Posts

  1. Go To Blogger > Design > Edit HTML
  2. Backup your template
  3. Check the "Expand Widgets Template" box
  4. Search for this,

<data:post.body/>

     5.    Just below it paste the following code,

<div style='clear: both;'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div align='left'>
<p style='margin:0; border-bottom:1px solid #666666;'><font color='#666666' face='Arial Black' size='5'>Kindly Share The Love &#187;&#187;</font></p>
<table border='0' cellpadding='2' cellspacing='10'><tbody>
    <tr>
<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;https://apis.google.com/js/plusone.js&#39;;
    var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
</td>
      <td style='padding-top:8px; '>    <script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/>
</td>

      <td style='padding-top:8px;'>   <div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><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='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/> </td>

<td>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://delicious-button.googlecode.com/files/jquery.delicious-button-1.0.min.js' type='text/javascript'/>
<a class='delicious-button' href='http://delicious.com/save'>
   &lt;!-- {
      url:&quot;<data:post.url/>&quot;
      ,title:&quot;<data:post.title/>&quot;
     
   } --&gt;
   Save on Delicious
</a>
</td>
      <td>
<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_counter'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
<!-- AddThis Button END -->
</td>
    </tr>
  </tbody></table></div></b:if>


<div style='clear: both;'/>

 

If you wish to change the colour of the bolded black text then simply change this #666666

with a hexadecimal colour code of your choice.

    6.  Save your template and you are all done!

If you faced any problems just let me know. You can try several other social media sharing widgets by reading this post:

If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

8 comments

PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with 'Links' will be deleted immediately upon our review.
  1. Hi Mohammad,

    Hope ur doing Well, Currently iam just looking for "How to Create The Tag Clouds" or i can Say simply "Topics" on your Blog. i have been digged for this on google soo much. but i culd not able to get hte solution for this. Kindly help me in this to create. . Thank u

    ReplyDelete
  2. السلام عليكم ورحمة الله وبركاته
    الاخ محمد
    كان لدى طلب من حضرتك وهو قالب مثل قالب موقعط ولك جزيل الشكر

    ReplyDelete
  3. how to add the share counter icons as done in this page of yours Filed Under: Blogger Widgets and plugin

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

    ReplyDelete
  5. hi very nice widget..i want this widget but its not working on my blog plz help me

    ReplyDelete
  6. yeah doesnt seem to work on mine

    ReplyDelete
  7. Mohammad,

    I've added this to my blog, and all is working, with the exception of the delicious button. Instead of showing the button, it is simply showing the text "Save on Delicious". Any chance you can help me correct this? It would be greatly appreciated.

    ReplyDelete
  8. After i add the said code below the div its not take effect in my blog..!!??

    ReplyDelete