August 21, 2011

Widgets

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 »

10 comments : Post Yours! Read Comment Policy ▼
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. You have given good choices... i also tried several once.. today i am going to use this trick on my blog
    http://abhicareer.blogspot.com

    its for latest bank job, all exam paper, free ebook, math trick, interview preparation

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

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

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

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

    ReplyDelete
  7. yeah doesnt seem to work on mine

    ReplyDelete
  8. 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
  9. After i add the said code below the div its not take effect in my blog..!!??

    ReplyDelete

Support Us

We have educated thousands of bloggers online and made several people Make a living Online. If our Tutorials have really helped you a little, then kindly show your love by using the badge below:-

Blogger Widgets

or try a Beautiful Banner

Widgets

 
  • MBT Icons and buttons

    Icons and Buttons

    Our resources have been successfully downloaded over 10K times and found almost every where. Get yours!

  • choosing webhost for a blog

    Why HostGator?

    Learn Why we chose HostGator as our Web Host and find discount coupons to kick start your blog today!

  • SEO Settings for blogger

    ALL IN ONE SEO PACK 2012

    Learn every single SEO tip that will boost your blog's ranking and organic traffic. We got them all!

  • Blogger widgets and plugins

    Visit MBT's Blogger LAB

    Why not take a tour of all great Blogger widgets published so far? You Name it we have it!

  • become a six figure blogger!

    Become a SIX FIGURE BLOGGER

    Learn what it takes to become a successful entrepreneur and build a living online!

About The Author

Hi! I am Mohammad, a certified SEO Consultant, Pro Blogger, Computer Engineer and an addicted Web Developer. STC Network was founded in 2008 and it is currently the country's first registered company of Professional Bloggers. Read More..

Recipes

SEO Affiliate Marketing Social Media

Make Money Online Web hosting

Blogging Tips Web Designing

Plugins and Widgets Blogging Ethics

Subscribe

Recent Comments

Popular Series

Powered by:

My Blogger Tricks © 2013. All Rights Reserved | Contact |