Add tweetmeme/ Retweet button in your blogger blog

Recently Devilsworkshop has added a very important ‘tweetmeme’ button which you can see with every post. After using this button, I thought of installing it in my blog which is hosted on blogger.com (blogspot). Unfortunately there’s no direct widget which can be used for blogger but you can still use it in your blog, just follow the steps given below.

  1. Open your blogger dashboard.
  2. Go to ‘Layout’ >> ‘Edit Html’.
  3. Check the ‘Expand Widget Templates’
  4. Now find this html code there,

<p><data:post.body/>

Just after the above code and before

</p>

copy and paste,

<script type=”text/javascript”>
tweetmeme_url = ‘<data:post.url/>
‘;
tweetmeme_source = ‘twitterusername‘;
</script>

<script type=”text/javascript” src=”http://tweetmeme.com/i/scripts/button.js”></script>

Save Changes and see the retweet button on your blog with every post.

RT

CHANGES:

In the above code change ‘twitterusername’ in red to your twitter’s username. This change is required to use your username in every RT or Retweer else it will use @tweetmeme. in the above code the RT will be RT @twitterusername.

That’s it, now all you need to do is change the placement of the button and select which suits best to your blog.

SOURCE: tweetmeme blog

25 Comments

Jayasimha Reddy October 2, 2009

hi,, i’m getting the following error

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

sauravjit October 2, 2009

1. Make sure that you enter code before </p
2. If you are using page navigation hack, there must be two
<data:post.body
use default one in that case.
3. Download this notepad file.
Use this code if it still doesn’t works.

lucifer October 3, 2009

Hw to change its location…also i have changed the twitter user name to mine but it shows this only @tweetmeme …so tell me wat to do now

sauravjit October 4, 2009

add it between <p and 'data post body' to show it before your post, if you are using adsense below post tuitle then add it before adsense code.

Using your own username is working absolutely fine for me, please recheck it and make sure you just edit the twitterusername in the above code not anything else even the quotes….

lucifer October 4, 2009

@sauravjit ya now it came in the post but now tell me hw to place it on left or right or anywhere i want in my post….
nd also if u know hw to place a FaceBook share button like the twitter one do tell that also.

sauravjit October 5, 2009

@lucifer

Sorry for a late reply first of all,

Solution:

Try using this code,

<div style='float:right; margin-left:10px;'

*above code*
</div

Use left or right as needed

sauravjit October 5, 2009

obviously you have to use closing brackets ‘>’

I can’t post it with the above code in this comment section so just add ‘>’ after the end of both div lines.

Please drop a comment if you still stuck somewhere.

lucifer October 10, 2009

hey i want the facebook button like the twitter one in the blog post only…

Marvin October 22, 2009

I’m inserting the Tweetmeme button in the body of Blogger posts instead of the template. I can put the button wherever I want it in each post. Using the standard Tweetmeme code works EXCEPT I cannot change the [email protected] It always comes up RT @Tweetmeme even though I’ve changed the tweetmeme_source. Any idea about how I can modify the code to get RT @MyUsername?

Thanks.

sauravjit October 22, 2009

For blogger blogs, changing tweetmeme_source is the easiest and working method, I don’t know why it’s not working in your case, kindly post the whole code here or anywhere in a notepad file.

sauravjit October 29, 2009

@Marvin
Use the decoded html code instead….

Marvin October 29, 2009

Thanks for the reply. You are correct. The standard code does work. It just took time for the post to be re-pinged (or something) before the change I made took effect.

Adrianne November 3, 2009

Wonderful article. I also have found a much easier way in case you would like to add your ReTweets without any programming or having to scroll through the Edit HTML which is kind of time consuming.

I know when I tried this I ran into the Template cannot be parsed error but there’s actually a way around it:

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

Rajesh Kanuri @ TechCats December 18, 2009

How do add twitter button with RT @ my twitter user name in wordpress blogs. Thank You.

Stacy (Mama-Om) January 12, 2010

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

For example, if you go to the homepage of my blog mama-om, 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 when on the homepage

Also, while we’re at it, how do I get the tweetmeme to show up in a reader?

Please advise.

Thanks!
Stacy

P.S. I sent a similar comment a few days ago and it never showed up. But it might have been because I included code in it. I won’t do that this time.

Stacy (Mama-Om) January 14, 2010

I found a way to put the button so it shows up in every post on the homepage, but it is in the header area rather than embedded in the body of the post. I would like for it to be embedded (and to also appear in a reader)… Any help?

Thanks!

Sandra-Info-Macross February 4, 2010

Hi!
How can I put a tweetmeme in a RSS Feed, if I use a blogspot blog?
Thank you!

Joan February 10, 2010

I got the “Template Cannot Be Parsed” error, too. I found that the single- and double-quotes (‘ & “) didn’t paste into the Blogger html properly. Once I fixed them, all was fine.

natasha February 13, 2010

how do i put the tweetmeme button and buzz it button to the left of my post where text wraps around it instead of on top? having so much trouble figuring this out

tab June 9, 2010

how to add retweet button for the RSS feed of blogspot..

Maitri November 1, 2010

I have been trying to follow your directions and been up and down my expanded html page a million times until I have such bad eye strain I think I want to bang my head against the wall. I am not new to html or blogging but I simply cannot find the place to insert the code. HELP! Can you give some idea where — which section — in the html this code is located?

Thanks,

Maitri

Mobwiki February 14, 2011

this is not showing anything inside the post..but if i use the gadget then only it shows the button…plz help…