• Home
  • Services
  • Facebook
  • Privacy Policy

TricksDaddy

  • Home
  • Services
  • Facebook
  • Privacy Policy

How to add Twitter Retweet Button for Blogger Blogs

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

  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 :

    Retweet Button Large

  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

    Retweet Button Compact

    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

Share On
 Previous Article Download Windows 7 Build 7068 Sound Schemes And Wallpapers
Next Article   Watch Live TV Directly From Your Firefox Browser For Free With TV-FOX

65 Comments

  1. Pavan Kumar
    March 29, 2009 at 3:59 pm

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

  2. Simran
    March 29, 2009 at 7:03 pm

    @ Pavan

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

  3. 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!

  4. Simran
    March 29, 2009 at 11:16 pm

    @ Gennice

    Yeah, you can add it to wordpress blog too πŸ™‚

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

  6. 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 πŸ™‚

  7. Lori
    April 4, 2009 at 7:44 am

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

  8. Simran
    April 4, 2009 at 8:07 am

    @ Lori

    I’ve updated the post, please read it again πŸ™‚

  9. wazzupweb
    April 5, 2009 at 8:03 am

    thank u sooo much!! πŸ™‚ hehehe why dont u put a retweet on ur site?:D

  10. 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 πŸ™

  11. 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).

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

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

    It goes to my blog, not the post.

    Hmmmmmm….any ideas?

  14. 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&gt;

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

    • 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 =-.

  15. Hans
    April 28, 2009 at 2:43 am

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

  16. 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?

    • 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

  17. Simran
    May 6, 2009 at 12:44 pm

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

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

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

  20. 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 =-.

  21. 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? =-.

    • Simran
      September 15, 2009 at 9:16 am

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

  22. 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 =-.

  23. 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 =-.

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

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

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

  27. 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? =-.

  28. 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 ] =-.

    • Simran
      November 7, 2009 at 3:09 pm

      Its great that you have fixed the problem πŸ™‚

  29. 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 =-.

  30. aks
    December 12, 2009 at 9:34 pm

    image 282 also confused me too thanks for sharing.

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

  32. 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 , 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

  33. freezipe
    January 22, 2010 at 7:22 pm

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

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

  35. angeljme
    March 14, 2010 at 5:48 am

    this is really great! thanks

  36. 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 =-.

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

    • 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 =-.

  37. 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? =-.

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

  38. 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!

    • 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&gt;

  39. 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 =-.

    • Simrandeep
      April 29, 2010 at 4:11 pm

      I’m glad that you like my post πŸ™‚

      Keep visiting here for more such posts.

  40. 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 “

    • Simrandeep
      May 1, 2010 at 9:14 am

      Did you paste the code exactly ?

      • Mikayla
        May 1, 2010 at 9:25 am

        yes I did

      • Simrandeep
        May 1, 2010 at 10:16 am

        Can you share your blog URL ?

  41. 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 =-.

    • Simrandeep
      May 27, 2010 at 8:59 am

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

      • 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 =-.

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

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

  44. Normalyn
    September 16, 2010 at 4:24 pm

    Thank you πŸ™‚ It worked!!!

  45. Lesley
    September 24, 2010 at 8:24 pm

    Thank you SOOOO much!!! This worked perfectly!! πŸ™‚

  46. Mr3dds
    December 25, 2010 at 8:57 pm

    nice and perfect
    thanks

  47. Mobwiki
    February 14, 2011 at 1:55 am

    Thanks very this info is very helpful..

  48. Kerry
    April 7, 2011 at 9:34 pm

    Thanks, I have been looking for that particular snippet. I’ve just added it.
    Cheers:)
    Kez

  49. Pingback: How to Add Share Icons to Your Blog or Website | Simple Web Toolbox
  50. Pingback: Add Google Buzz Button To Blogger/Blogspot Blog
  51. Pingback: How To Add Official Twitter Share Count (Tweet) Button To WordPress
Β© Copyright. Theme by BloomPixel.