How to add Retweet button to blogger
90 COMMENTSTwitter 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:
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='<data:post.url/>';
</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='<data:post.url/>';
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='<data:post.url/>';
tweetmeme_source ='Your User Account';
</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='<data:post.url/>';
tweetmeme_source ='Your_Twitter_Account';
tweetmeme_service = 'Your-url-shortener';
</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!!






Pingback: Everything you ever wanted to know about Twitter | Charles Curle Design
Pingback: La madre de todas las listas de aplicaciones Twitter « Camyna.com
Pingback: 50+ Awesome Twitter Tips to become a Pro | Blog Godown
Pingback: La madre de todas las listas de aplicaciones Twitter « ENRIQUE SAAVEDRA
Pingback: La madre de todas las listas de aplicaciones Twitter (parte 1) « ENRIQUE SAAVEDRA
Pingback: How to add a Backtype retweet button to Blogger
Pingback: Twitter Tips Ultimate Guide | The Social Media Guide