How To Add Retweet Button To Blogger (Blogspot ).

Hi guys. Since twitter getting more and more users all over the world, you must use it because it’s amazing tool to improve your traffic, Connecting with your visitors, and more. most of twitter users use retweet as well. retweet allow you to re post some interesting tweets on twitter.
And you can add a retweet button to your blog to enable your visitor to retweet any post and it works as a counter too, it shows you haw many times your post has been posted to twitter.
It’s very easy task to add this buttons to your blog, and we have got 4 styles for this button.

• Normal Left
• Normal Right
• Compact Left
• Compact Right

Normal Left

Code for retweet button Normal Left style :

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

Normal Right

Code for retweet button Normal Right style :

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

Compact Left

Code for retweet button Compact Left style :

<div style="float:left;padding:4px;">
<script type="text/javascript">
tweetmeme_style = 'compact';
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'your_twitter_user_name';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>

Compact Right

Code for retweet button Compact Right style :

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

How To Install Retweet Button On Your Blogger Blog

1

: once you choose your favorite style, open new text file, copy and paste the code there, and change your_twitter_username to your twitter account name.

2

: Log into your blogger account, and go to Layout >> Edit Html.
Before doing any thing you must check Expand Widget Templates box.

3

: Find This code.

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

and past the button code which we made it, step 1 After it.

Or

find this code,

<data:post.body/>

and paste the code which we made it, step 1 before it.

Live Demo

Click Here to see retweet button added on blogger blog
We are done. Enjoy, all comments are welcomed.