Twitter also known as micro blogging is spreading among people like flu. With increase in its popularity, twitter has become a very good media for social marketing. Tweetmeme is a free service which makes twitting about blog posts very easy. The Retweet Button along with the option to retweet, also displays the number of tweets made about the post.

Here is how the Retweet Button looks like this:

tweetmeme How to add Retweet button to blogger

Full and Compact Retweet Buttons

Plugins to add the button are available for wordpress,joomla and drupal but there is none available for blogger, so i will show you how to add the retweet button to your blogger blog.

Follow these simple steps:

1. Go to Layout->Edit Html

2. Download Full Template

3. Check the Expand Widget Templates

4. Search for the code below:

<div class=’post-header-line-1′/>

a. For the full retweet button place the following code below the above code:

<div style=’float:right; padding: 5px 5px 5px 5px’>

<script type=’text/javascript’>

tweetmeme_url=&#39;<data:post.url/>&#39;;

</script>

<script src=’http://tweetmeme.com/i/scripts/button.js’ type=’text/javascript’>

</script> </div>

This will display the button on the right side of the blog post. To place the button on the left side just replace float:right in the code to float:left.

b. For the compact button instead of the code above place the following code:

<div style=’float:right; padding: 5px 5px 5px 5px’>

<script type=’text/javascript’>

tweetmeme_url=&#39;<data:post.url/>&#39;;

tweetmeme_style = ‘compact‘;

</script>

<script src=’http://tweetmeme.com/i/scripts/button.js’ type=’text/javascript’>

</script> </div>

5. Save the Template and you’re done!

UPDATE:

Tweetmeme Announced that:

By default the retweet button will be like this “RT @tweetmeme “. You can, however change the button to retweet your user account. By specifying the “tweetmeme_source” parameter in the JavaScript you can change the format to “RT @yourname (via @tweetmeme)”.

So now you can add your twitter user account by adding the code below:

<div style=’float:right; padding: 5px 5px 5px 5px’>

<script type=’text/javascript’>

tweetmeme_url=&#39;<data:post.url/>&#39;;

tweetmeme_source =&#39;Your User Account&#39;;

</script>

<script src=’http://tweetmeme.com/i/scripts/button.js’ type=’text/javascript’>

</script> </div>

Replace “Your Twitter Account” by your twitter Account

Update #2:

Twitter announced:

Using your own URL shortener

TweetMeme now lets you specify a URL shortening service which you would prefer to use.

* bit.ly,

* awe.sm (API support),

* cli.gs,

* digg.com (API support),

* is.gd,

* TinyURL.com

* tr.im,

* su.pr (API support),

* ow.ly,

* lopurls.us,

* twurl.nl

This means you can use any url shortener of your choice which will be great and when the API support comes you could also many more features.

Here’s how you can add your choice of url shortener.

<div style=’float:right; padding: 5px 5px 5px 5px’>

<script type=’text/javascript’>

tweetmeme_url=&#39;<data:post.url/>&#39;;

tweetmeme_source =&#39;Your_Twitter_Account&#39;;

tweetmeme_service = &#39;Your-url-shortener&#39;;

</script>

<script src=’http://tweetmeme.com/i/scripts/button.js’ type=’text/javascript’>

</script></div>

Replace Your-twitter-account with your twitter account(eg. for me virtuosoblogger)

Replace Your-url-shortener with your choice of url shortener (eg. bit.ly)

Problems? Tell me!!