Blogspot Tutorial: Add a Twitter Retweet Button in Posts

You can easily add retweet buttons on your Blogger-Blogspot blog. Such buttons allow blog readers to share content on Twitter with others. When people will tweet about your blog, you'll get free marketing and traffic for your blog.

Whoa! We Can Use 2 Buttons Here!

Yes, we can add 2 different type of buttons provided by different sites. twitthis isn't very popular but tweetMeme is really shining out there. Anyways, both buttons will do same thing so it depends on your choice.

Add twitThis Twitter Retweet Button

To add twitthis Twitter button, follow the following steps:

1- Go to Design and then Edit HTML tab.

2- Check Expand Widget Templates.

3- Find this tiny piece of code:

<b:if cond='data:post.title'>

4- Add following code just before the previous line of code:

<div style='float:right; margin-left:14px;'>
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'><img alt='TweetThis Button' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLBoVLbbqjNpO6YVIDBXOSCGsxnowLwHFRRDQIVu0jxdRKh-wjCelrmHVT3W4XGWl5ABn5NaW2zv81jgsOU3vmsfRECPDm4E-P3MshyYwlSCr1gwpcP7_ahSTh7C2jxY8uRS94PawyVYg/s1600/Twitter.gif'/></a>
</div>

5- Now, we have added our button just below the posts, so save the template and see the result.

Add tweetmeem Twitter Retweet Button

Adding tweetmeme Twitter Retweet button is also very easy. Just follow all the steps of twitthis Twitter Retweet button but the code to add in step 4 will be this:

<div style='float:right; margin-left:14px;'>
<script type='text/javascript'>
tweetmeme_url = &#39;<data:post.url/>&#39;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
</div>

Wanna Add Some More Such Buttons?

I've also written tutorials to add StumbleUpon button, many social bookmarking buttons and Facebook Share button. Feel free to check them out!