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 it on your posts ? Retweet button let your visitors easily retweet your content on twitter.
In this post I’m going to use Tweetmeme to add a twitter retweet button to blogger posts. If you want to add a twitter retweet button to your posts, just follow the steps given below :
Add a large size Retweet button
- Sign in to your blogger blog and go to
Dashboard -> Layout -> Edit HTML
and click on Expand Widget Templates
- 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 :
- 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 :
- Sign in to your blogger blog and go to
Dashboard -> Layout -> Edit HTML
and click on Expand Widget Templates
- 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.
- That’s all
UPDATE : To add Retweet button at the bottom of your posts, follow these steps :
- First go to
Dashboard -> Layout -> Edit HTML
and click on Expand Widget Templates
- Now find <data:post.body/> and paste the code of Retweet button below <data:post.body/>
- Save your template. Thats all
The image of 282 re tweets confused me a lot :-t
@ Pavan
Why are you confused with the image ? Its well and good ~x(
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!
@ Gennice
Yeah, you can add it to wordpress blog too π
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.
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 π
How would I place this at the bottom of my posts?
@ Lori
I’ve updated the post, please read it again π
thank u sooo much!! π hehehe why dont u put a retweet on ur site?:D
@ 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 π
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).
@ Lori
If you put the code by following the steps given in this post, it will tweet your posts, not the blog URL.
I tried it again, following the directions carefully, and this is the URL it tweets, from my newest post:
It goes to my blog, not the post.
Hmmmmmm….any ideas?
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 !!!
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 =-.
Thanks so much ! This made my blogger day !! Best regards, Hans
@artclubcaucasus
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?
If you want to configure it you have to edit the .js file provided in the coding
Can you tell me the URL of your blog so that I can check it ?
Thanks, Simran! I made the change and things are working perfectly!
I am very grateful to you.
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.
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 =-.
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? =-.
If you are using WordPress then you can use tweetmeme wordpress plugin instead of this code.
You saved my life with this! Thanks so much for breaking this down. It works great!
.-= Joy´s last blog ..The TIP Sheet =-.
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 =-.
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”.
Thank you so much for sharing thoughts i hope to read more informative articles on your site soon.
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”.
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? =-.
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 ] =-.
Its great that you have fixed the problem π
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 =-.
image 282 also confused me too thanks for sharing.
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.
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 , 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
ok thnks
.-= freezipe´s last blog ..Watch Australian Open 2010 Roger Federer vs Albert Montanes Free Streaming Live Australian Open Day 6 Jan 23, 2010 =-.
Thanks.I have used the retweet button in my blog. If you have something new please inform me. Again alot of thanks
this is really great! thanks
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 =-.
Hey I tried the retweet button on your blog. It’s working fine for me. Where are you getting the problem ?
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 =-.
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? =-.
To make the button float on right side add the button code between :
<div style="float:right">
Button code here
</div>
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!
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>
Thanks a lot simran, this is very useful post for me…
.-= Atif´s last blog ..Add Related Posts To Every Blogger Post =-.
I’m glad that you like my post π
Keep visiting here for more such posts.
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 “
Did you paste the code exactly ?
yes I did
Can you share your blog URL ?
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 =-.
No, you can not change the button color with tweetmeme button.
Okay, thanks again. Great job! I’ll be back.
.-= PitOwner´s last blog ..Pit Bull Deemed Not Dangerous =-.
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
I couldn’t find the best place to put it, I’m a little bit confused
Thank you π It worked!!!
Thank you SOOOO much!!! This worked perfectly!! π
nice and perfect
thanks
Thanks very this info is very helpful..
Thanks, I have been looking for that particular snippet. I’ve just added it.
Cheers:)
Kez