How To Add Retweet Button To Blogger (Blogspot ).

Sunday, May 9, 2010 | Tags: blogger tricks and hacks

Digg it | Stumble it | Save to Del.ico.us

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;"><br><script type="text/javascript"><br>tweetmeme_url = '<data:post.url/>';<br>tweetmeme_source = '<font color="#28a5db"><b>your_twitter_user_name</b></font>';<br></script><br><script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script><br></div><br>

Code for retweet button Normal Right style :

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

Code for retweet button Compact Left style :

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

Compact Right

Code for retweet button Compact Right style :

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

How To Install Retweet Button On Your Blogger Blog

: 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.

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

: Find This code.

<div class='post-header-line-1'/><font color="#009900"><strong></strong></font>

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

find this code,

<data:post.body/>

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

Have fun !!!.