Wednesday, March 30, 2011

Digg, Tweet, Facebook Share and Google Buzz button for Blogger

This tutorial will show you how to get Digg, Tweet, Facebook Share and Google Buzz button for Blogger/Blogspot blog. Just follow the instructions below to install Digg, Tweet, Facebook Share and Google Buzz button for your blog.

Go to your blogger Dashboard>>Design>>Edit HTML

Tick EXPAND WIDGET TEMPLATES

Search for <div class='post-header-line-1'> [Tip: You can search for this code by pressing CTRL + F on your keyboard]
 
Now just below <div class='post-header-line-1'> paste the following code

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float: right;'>
<table>
<tr><td>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</td><td>
<a class='twitter-share-button' data-count='vertical' data-via='Samad_Malik' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</td></tr>
<tr><td>
<script src='http://widgets.fbshare.me/files/fbshare.js'/>
</td><td>
<a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='Post to Google Buzz'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/>
</td></tr>
</table>
</div>
</b:if>


Now your template should look like this

Finally hit SAVE TEMPLATE. Now all your posts will have Digg, Tweet, Facebook and Google Buzz share button.

No comments:

Post a Comment

A