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

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

Popularity: 17% [?]

Related Posts:

Article by Simrandeep

Simrandeep has written 352 articles.

If you like this post, you can follow TricksDaddy on Twitter

Subscribe to TricksDaddy feeds via RSS or Email to receive daily updates

Join TricksDaddy's Revenue Sharing Program

  1. Pavan Kumar says:

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

  2. Simran says:

    @ Pavan

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

  3. Gennice says:

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

    @ Gennice

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

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

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

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

  8. Simran says:

    @ Lori

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

  9. wazzupweb says:

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

  10. Simran says:

    @ 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 says:

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

    @ 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 says:

    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?

  14. Simran says:

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

  15. Hans says:

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

  16. Prasanth says:

    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?

  17. Simran says:

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

  18. Lori says:

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

    I am very grateful to you.

  19. Mike says:

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

    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 My ComLuv Profile

  21. 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? My ComLuv Profile

  22. Joy says:

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

  23. Zen Sensei says:

    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 My ComLuv Profile

  24. Kath says:

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

  25. Adrianne says:

    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? My ComLuv Profile

  26. Adrianne says:

    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 ] My ComLuv Profile

  27. aks says:

    image 282 also confused me too thanks for sharing.

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

  29. sohel rana says:

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

  1. How to Add Share Icons to Your Blog or Website | Simple Web Toolbox

    [...] Add a Tweetmeme Retweet Button in Blogger [...]

  2. Add Google Buzz Button To Blogger/Blogspot Blog

    [...] Google Buzz lets you share updates, photos, videos and more with your friends like Twitter. Recently I shared a tutorial with you all to add Google Buzz button to Wordpress blog. Some users [...]

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CommentLuv Enabled