How to Add a Retweet Button to Your Blogger Posts

Tweet

 

Since Twitter is is very popular these days, adding a cool Retweet Button to your Blogger blog posts can easily get you a decent amount of traffic and promote your content/products/business to a large audience in very little time. If you have tons of followers, then you can easily milk it…

How to add an attractive Retweet button to your Blogger blog posts:

There are two versions of the Retweet button: The first is the default one (which looks just like the Digg button), the other one is a Compact version which can fit in small spaces…

The code for the Default version is :

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

For the Compact version:

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

How to add them to your Blogger blog post:

If you want it to appear on the left side of the blog post:

Search for:

<data:post.body/>

And paste the following code BEFORE that line:

<div style="float:left;padding: 6px 10px 6px 0px;">
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"> </script>
</div>

If you would like it to appear on the right side of your post:

Search for:

<data:post.body/>

And paste the following code BEFORE that line:

<div style="float:right;padding: 6px 0px 6px 6px;">
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"> </script>
</div>

Note: In both cases, if you want to use the compact button instead of the default style one, simply replace the default style code with compact one (see Default version/Compact version).

SAVE THE CHANGES!

Good luck!