Tuesday, June 16, 2009

Blogspot Tutorial: Add a Twitter Retweet Button in Posts

How to Add a Twitter Retweet Button in Blogger-Blogspot 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


Add Tweetthis Button in Your Blogger Posts to Get Massive Traffic

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


Add Tweetthis Button in Your Blogger Posts to Get Massive Traffic
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!

No comments:

Post a Comment