Add A Retweet Button To Your Posts On Blogger Blog With Tweetmeme

by Simrandeep on March 29, 2009

in Blogspot,Tutorials,Twitter

Do you like this post?

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 a retweet button on your posts ? Retweet button let your visitors easily retweet your content on twitter.

Tweetmeme is a service that help you integrate retweet button to your posts. If you want to add it 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

Incoming search terms:

Article by Simrandeep

Simrandeep is the owner and editor-in-chief of TricksDaddy. He is a part-time blogger from India. Catch him on Facebook and Twitter.

Simrandeep has written 394 awesome articles.

{ 57 comments… read them below or add one }

Pavan Kumar March 29, 2009 at 3:59 pm

The image of 282 re tweets confused me a lot :-t

Reply

Simran March 29, 2009 at 7:03 pm

@ Pavan

Why are you confused with the image ? Its well and good ~x(

Reply

Gennice March 29, 2009 at 7:34 pm

This is excellent tip that will pull in extra traffic. I think it could be even better when you build up lots of followers on Twitter.

I’m sure this could be used in WordPress too so I might be adding it to my blog…

Thanks for the heads up Simran!

Reply

Simran March 29, 2009 at 11:16 pm

@ Gennice

Yeah, you can add it to wordpress blog too :)

Reply

Harsh Agrawal April 3, 2009 at 5:46 am

OMG! I really got a great feeling when I saw 282 tweets :)
Meanwhile I must congratulate you about your blog look..
It look so professional and no where near the blogspot…

Congratulation bro for such a great work.
and meanwhile I have added your blog into my blogroll.
Keep up the great work.

Reply

Simran April 3, 2009 at 9:58 am

lol… I’ve added pic of 282 tweets from the tweetme site… And thanks bro for appreciating my work and for adding my link to your blogroll :)

Reply

Lori April 4, 2009 at 7:44 am

How would I place this at the bottom of my posts?

Reply

Simran April 4, 2009 at 8:07 am

@ Lori

I’ve updated the post, please read it again :)

Reply

wazzupweb April 5, 2009 at 8:03 am

thank u sooo much!! :) hehehe why dont u put a retweet on ur site?:D

Reply

Simran April 5, 2009 at 9:17 am

@ wazzupweb

Dude I don’t use twitter too much and I already added digg and mixx buttons. That’s why I didn’t put it on my blog. No space for new buttons :(

Reply

Lori April 17, 2009 at 7:31 am

Thank you, Simran!

Now, another question. It tweets my blog URL, but not the post’s URL. Is there a way to make it post the post’s permalink?

Many, many thanks!
Lori (BestLight — gonna find you on Twitter and follow you).

Reply

Simran April 17, 2009 at 10:05 am

@ Lori

If you put the code by following the steps given in this post, it will tweet your posts, not the blog URL.

Reply

Lori April 17, 2009 at 8:40 pm

I tried it again, following the directions carefully, and this is the URL it tweets, from my newest post: http://bit.ly/7nhcI

It goes to my blog, not the post.

Hmmmmmm….any ideas?

Reply

Simran April 17, 2009 at 9:24 pm

I think you are using compact button. You need to enter one more line to the code. You can copy and paste the following code :

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

Leave a comment if your problem is solved now !!!

Reply

Josh May 12, 2010 at 9:26 pm

is there any way to get the tweet button at the bottom of my posts instead of the top?

Thanks!
.-= Josh´s last blog ..Being a "Good" Consumer =-.

Reply

Hans April 28, 2009 at 2:43 am

Thanks so much ! This made my blogger day !! Best regards, Hans
@artclubcaucasus

Reply

Prasanth May 5, 2009 at 8:06 am

I added the first script block. I tried clicking Retweeting button. It goes like

RT @tweetmeme followed by my post URL.

Should it say @mytwitter account. how can I configure it?

Reply

Simran July 22, 2009 at 8:53 am

If you want to configure it you have to edit the .js file provided in the coding

Reply

Simran May 6, 2009 at 12:44 pm

Can you tell me the URL of your blog so that I can check it ?

Reply

Lori July 12, 2009 at 7:35 am

Thanks, Simran! I made the change and things are working perfectly!

I am very grateful to you.

Reply

Mike August 24, 2009 at 9:33 am

Hey thanks for this post… I have been trying to put this button into my page using the code they provided and it wasn’t working! The code is only slightly different wish they would update their page.

Reply

Ann Kingman September 1, 2009 at 8:58 am

Thank you so much!
Do you know how I would align it to the right of the blog post title, instead of the left where it is aligned now?

Thanks.
.-= Ann Kingman´s last blog ..Greek gods for grownups =-.

Reply

Cynthia Medina September 15, 2009 at 3:00 am

I was able to put this code on my blogger account and it works great but when I try to add it to the wordpress blog I don’t see the line . I have a free hosted account with Wordpress but I’ve upgraded to allow me to work on the CSS. Can you help me?

Thanks Cynthia
.-= Cynthia Medina´s last blog ..Are you new to the Travel Industry? =-.

Reply

Simran September 15, 2009 at 9:16 am

If you are using Wordpress then you can use tweetmeme wordpress plugin instead of this code.

Reply

Joy September 17, 2009 at 8:05 am

You saved my life with this! Thanks so much for breaking this down. It works great!
.-= Joy´s last blog ..The TIP Sheet =-.

Reply

Zen Sensei September 27, 2009 at 12:41 am

Hi, thanks for this article and the clear instructions. will be adding tweetmeme to our site. :)
.-= Zen Sensei´s last blog ..Vivian, a Canadian moving to Japan | Sharing HowtoWriteinJapanese.Blogspot.com with her =-.

Reply

Tara September 30, 2009 at 10:58 pm

I get an error from blogger when posting to the footer:

We were unable to save your template
Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Open quote is expected for attribute “{1}” associated with an element type “type”.

Reply

Kath October 17, 2009 at 6:19 pm

Thank you so much for sharing thoughts i hope to read more informative articles on your site soon.

Reply

kristi October 30, 2009 at 8:16 pm

I paste the exact code where you specified and keep getting this error message:

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Open quote is expected for attribute “{1}” associated with an element type “type”.

Reply

Adrianne November 3, 2009 at 3:13 pm

Hello. Thanks for your article on TweetMeme.

Anyways, I added the code exactly under the div class post header line 1 and I get this message:

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Open quote is expected for attribute “{1}” associated with an element type “type”.

I added the TweetMeme to my Blog via Page Elements – Widgets, however I don’t like the way it doesn’t display beside the Title of the post like I wanted to.
.-= Adrianne´s last blog ..What is a blog trackback? =-.

Reply

Adrianne November 3, 2009 at 3:37 pm

Hello. Just wanted to let you know that I have fixed this problem.

I guess sometimes Blogger can be a bit buggy at times.

Anyways, I have also included a link on how to fix this problem in case anyone else runs into this error.

How to fix the “Your template could not be parsed”

Thanks for your insight!
.-= Adrianne´s last blog ..How to add TweetMeme to Blogger [ Solution to your template could not be parsed ] =-.

Reply

Simran November 7, 2009 at 3:09 pm

Its great that you have fixed the problem :)

Reply

Jodie December 4, 2009 at 9:49 am

well i got the code in my format, unfortunatly i posted the wrong one, but this one wil work. the problem i have is i click on one of the tweets to retweet and this is the error message i get
” Failed to resolve the URL in the tweet ” any ideas???
.-= Jodie´s last blog ..Its a Breeding Frenzy with Lara Adrian Contest =-.

Reply

aks December 12, 2009 at 9:34 pm

image 282 also confused me too thanks for sharing.

Reply

Gadgets and Technology December 13, 2009 at 10:52 am

Hi thanks for sharing this tweak, one question though, how can i add this retweet button to make it in line with my post title? I tried to follow the steps you provided but the retweet button shows below my post title.

Reply

Stacy (Mama-Om) January 14, 2010 at 8:32 am

Hi,
I have the tweetmeme installed but it is not working as I would like it to.

When I put the code below post-header, it appears ABOVE the body of my post rather than embedded within it. I would really like for it to appear inline in the content of my post. However, if I move it below post-body, it only shows up if a specific post URL is clicked.

For example, when it is placed below post-body, if you were to go to the homepage of my blog http://mama-om.blogspot.com, you don’t see the tweetmeme. But if you click a specific post title, you see the tweetmeme.

I would like for people to see the tweetmeme INLINE in each post when on the homepage. How can I do this in blogger?

Thanks!
Stacy

Reply

freezipe January 22, 2010 at 7:22 pm
sohel rana March 10, 2010 at 7:59 am

Thanks.I have used the retweet button in my blog. If you have something new please inform me. Again alot of thanks

Reply

angeljme March 14, 2010 at 5:48 am

this is really great! thanks

Reply

Kayla Karma March 30, 2010 at 4:29 am

I added the code. The number of tweet shows up but the green retweet button does not work. Help!
.-= Kayla Karma´s last blog ..143. Mad Hatter Tea Party =-.

Reply

Simrandeep March 30, 2010 at 9:25 am

Hey I tried the retweet button on your blog. It’s working fine for me. Where are you getting the problem ?

Reply

Kayla Karma March 30, 2010 at 10:57 am

Nevermind. I think it works. I asked a friend to try it. I think I just needed to be logged out of Tweetmeme in order for the retweet function to work. Thanks. I do have one question though, can I move it higher so that it’s on the same line as the post header, instead of below it?
.-= Kayla Karma´s last blog ..143. Mad Hatter Tea Party =-.

Reply

angeljme April 7, 2010 at 10:26 am

how can I make the retweet button float on the right instead of the left side of the post?
.-= angeljme´s last blog ..Ragebux, Scam or Legit? =-.

Reply

Simrandeep April 7, 2010 at 8:51 pm

To make the button float on right side add the button code between :

<div style="float:right">

Button code here

</div>

Reply

Michelle T. April 8, 2010 at 8:25 pm

Is there a way to code this to use ow.ly instead of bit.ly? Thank you so much, I’ve been searching for a way to do this inline with my my posts for a long time!

Reply

Simrandeep April 10, 2010 at 9:53 pm

Yes you can use ow.ly instead of bit.ly. For this use the following code :

<script type="text/javascript">
tweetmeme_service = ‘ow.ly’;
service_api = ’12345678910′;
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>

Reply

Atif April 29, 2010 at 2:47 pm

Thanks a lot simran, this is very useful post for me…
.-= Atif´s last blog ..Add Related Posts To Every Blogger Post =-.

Reply

Simrandeep April 29, 2010 at 4:11 pm

I’m glad that you like my post :)

Keep visiting here for more such posts.

Reply

Mikayla May 1, 2010 at 1:49 am

I get this error when I try to put the code:(

We were unable to preview your template
Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The element type “div” must be terminated by the matching end-tag “

Reply

Simrandeep May 1, 2010 at 9:14 am

Did you paste the code exactly ?

Reply

Mikayla May 1, 2010 at 9:25 am

yes I did

Reply

Simrandeep May 1, 2010 at 10:16 am

Can you share your blog URL ?

Reply

PitOwner May 27, 2010 at 7:37 am

Thank you Simrandeep!
It works great. Thank you for making this easy.
One question: Is it possible to change the button color?
Not important — but if it can be done I’d like to.
.-= PitOwner´s last blog ..Pit Bull Deemed Not Dangerous =-.

Reply

Simrandeep May 27, 2010 at 8:59 am

No, you can not change the button color with tweetmeme button.

Reply

PitOwner May 27, 2010 at 9:17 am

Okay, thanks again. Great job! I’ll be back.
.-= PitOwner´s last blog ..Pit Bull Deemed Not Dangerous =-.

Reply

Pooja May 28, 2010 at 10:33 am

Hi,

I have added this retweet button, but is there anyway i can disable the ‘view details’ functionality. If a viewer clicks on the cloud with the count in it, it directs to the tweetmeme site which shows the details of who tweeted. I dont want anyone to be able to check these details. pls help. thnx

Reply

speak_english July 17, 2010 at 2:26 am

I couldn’t find the best place to put it, I’m a little bit confused

Reply

Leave a Comment

{ 3 trackbacks }

Previous post:

Next post: