How to add Twitter Retweet Button for Blogger Blogs

Twitter is best social networking service. It helps a lot in deriving traffic to your blog. I use twitter daily to retweet the best posts from different sources with my followers. If you use twitter in proper way, you can double your blog traffic. Retweets from users help posts to get popular very soon. So why not add it on your posts ? Retweet button let your visitors easily retweet your content on twitter.

In this post I’m going to use Tweetmeme to add a twitter retweet button to blogger posts. If you want to add a twitter retweet button to your posts, just follow the steps given below :

Add a large size Retweet button

1. Sign in to your blogger blog and go to

   Dashboard -> Layout -> Edit HTML

   and click on Expand Widget Templates

2. Now find the following code

   <div class='post-header-line-1'/>

   and paste the following code below it

   <script type="text/javascript">
   tweetmeme_url = '<data:post.url/>';
   </script>
   <script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"> </script>

   The button will look like this :

   

3. Save your template

Add a compact size Retweet button

If you don’t like the large button, you can add a compact button. To add a compact button, follow the steps given below :

1. Sign in to your blogger blog and go to

   Dashboard -> Layout -> Edit HTML

   and click on Expand Widget Templates

2. Now find the following code

   <div class='post-header-line-1'/>

   and paste the following code below it

   <script type="text/javascript">
   tweetmeme_style = 'compact';
   tweetmeme_url = '<data:post.url/>';
   </script>
   <script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>

   It will look like this

   

   Don’t forget to Save Template after adding the code.

3. That’s all

UPDATE : To add Retweet button at the bottom of your posts, follow these steps :

1. First go to

   Dashboard -> Layout -> Edit HTML

   and click on Expand Widget Templates

2. Now find <data:post.body/> and paste the code of Retweet button below <data:post.body/>
3. Save your template. Thats all

Tagged as: Retweet button, Twitter