Home » Blogger Tutorials, Tricks and Hacks » Blogger Seo Tutorials / Tricks » How To Add Retweet Button To Blogger (Blogspot ).

Welcome to our AllBlogTools.com v.3 new version, We are still in beta, please contact us to report an error.

|| View All Tutorials ||

How To Add Retweet Button To Blogger (Blogspot ).

How To Add Retweet Button To Blogger (Blogspot ).

1 Star2 Stars3 Stars4 Stars5 Stars

Report Error

18,087 views

Hi guys. Since twitter getting more and more users all over the world, you must use it because it’s amazing tool to improve your traffic, Connecting with your visitors, and more. most of twitter users use retweet as well. retweet allow you to re post some interesting tweets on twitter.
And you can add a retweet button to your blog to enable your visitor to retweet any post and it works as a counter too, it shows you haw many times your post has been posted to twitter.
It’s very easy task to add this buttons to your blog, and we have got 4 styles for this button.

  • Normal Left
  • Normal Right
  • Compact Left
  • Compact Right
Normal Left

Add retweet button to blogger

Code for retweet button Normal Left style :

<div style="float:left;padding:4px;">
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'your_twitter_user_name';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>
Normal Right

Add retweet button to blogspot

Code for retweet button Normal Right style :

<div style="float:right;padding:4px;">
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'your_twitter_user_name';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>
Compact Left

Add retweet button to blogger

Code for retweet button Compact Left style :

<div style="float:left;padding:4px;">
<script type="text/javascript">
tweetmeme_style = 'compact';
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'your_twitter_user_name';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>
Compact Right

Add retweet button to blogspot

Code for retweet button Compact Right style :

<div style="float:right;padding:4px;">
<script type="text/javascript">
tweetmeme_style = 'compact';
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'your_twitter_user_name';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>
How To Install Retweet Button On Your Blogger Blog
1

: once you choose your favorite style, open new text file, copy and paste the code there, and change your_twitter_username to your twitter account name.

2

: Log into your blogger account, and go to Layout >> Edit Html.
Before doing any thing you must check Expand Widget Templates box.

3

: Find This code.

<div class='post-header-line-1'/>

and past the button code which we made it, step 1 After it.

Or

find this code,

<data:post.body/>

and paste the code which we made it, step 1 before it.

Live Demo

Click Here to see retweet button added on blogger blog

We are done. Enjoy, all comments are welcomed.

Liked It ? Please Share

Comments

72 Responses | Post A Comment | Subscribe To Comments RSS Feed

  1. Pakistani says:

    Thank you so much, it is working perfectly here http://aaqil66.blogspot.com

  2. Kristy says:

    Top tip – thank you very much!!!

  3. Alejandro says:

    Great tip! But When I added bottomright in the part after float it put the retweet on top left of the post (check out my blog http://confessionsofawriter.com)

    Here is the example of what I am talking about:

    Your code:

    What I have done:

    I just tried to do something and it put it on top of my post.

  4. Max says:

    thanks Pakistan and Kristy.
    hi Alejandro, sorry but comments here doesn’t not support writing codes.
    but you can try to find this code,

    <div class='post-footer'>

    and then paste the button code before it.

  5. haley says:

    thanks so much!!!

  6. Your Comment Here …. *I’m a little late to the party, but I can’t get it to work. Granted, I’m NOT using blogger. K, I get it that may be my BIG issue. Ha. I’m an old soul who does all of our own HTML and Javascript still in notepad. Yep. I’m a inner geek and like ALL CONTROLL. Is there any hope of getting a retweet button. I have plenty of javascript working perfectly on my website and it’s beeing integrated with apps. I just can’t let go and convert to any content management tools for a lot of reasons – business downtime being the main one. But I REALLY one the widget. I kind of got something here “www.fantasybath/bathbombsnewtest.html, but as you can see, it did not recogonise the retweet app. Can you help or am I doomed? many thanks!

  7. Thanks guys. This is just what I needed!

  8. Javs says:

    It doesnt work man . Shows XML error

  9. wiNK says:

    another nice tut bro . ..
    thx so much . . .

  10. Dee says:

    You are fantastic! Thanks!

  11. dgftest says:

    PERFECT, Thanks very much! This should help achieve fuller twitter visibility on http://technosurfer.net (as a complement to twitterfeed features)

  12. Lizzy J says:

    OMG thank goodness someone finally knows what the heck they are talking about for this I was able to finally add this to the blog.

    I love you guys for it!

    • Max says:

      @ Lizzy Jhi, i’m really happy with you comment, please subscribe and follow me for more trick.

  13. TBPL says:

    Best instructions I’ve found – easy! thanks :-)

  14. Laeeq says:

    Thanks thanx thanx thanx :) 😀 budddyyy!!!!!!!!!

  15. HB says:

    hey MAX dude, really thnx..for this, ur great man..
    bt wants to ask ya something..how did ya put those DIGG n FACEBOOK n twitt all along vertically…i’m trying to do the same frm long time bt always it comes side by side..
    plzz contact me..n send me the code to do it..
    n all…you roxxx…
    contact me: hb_360@yahoo.co.in

    • Max says:

      hi HB, actually there are two ways to do it, via CSS or Html, the easy way to do it via html with a table, if you can use front page, you can do it, or just show me the template you wanna apply it for it and how rows you want, and i’ll send you the code.

  16. HB says:

    hey Max..send ya d template code by d contact us form..jst check it out..!!

  17. sulltan says:

    sam how can i do this trick for Face book Diggs ? if yes so how .. please i want to look this in your new tricks Updates thanks .

  18. Vikas says:

    Thanks. It was helpful.

  19. Max says:

    hi sulltan, i promise you i’ll do it soon,
    thanks vikas.

  20. arslion says:

    Awesome ..thankyou very much..i copy the code from other site and having problems with that..but you are goood :)

  21. works perfectly, thanks!

  22. Tamara says:

    Thank you so much! After 8 tutorials yours is the best! keep up the good work! xoxo

  23. sha says:

    pretty cool, thanks 😀

  24. edwardng says:

    thank you so much…..good tips http://www.technu.co.cc is using this ‘tool’

  25. Hello Max. Many thanks. This is the easiest tutorial i found. It works perfectly on my blog.

    http://techiemaxcorner.blogspot.com

    I just have one question. What is the difference between adding the tweetmeme_source or not? Coz on other tutorials that I found, they don’t include the “tweetmeme_source = ‘your_twitter_user_name’;
    “. What difference can it make in the Retweet button? Coz when I tried to remove it, it seems that things remain the same. I hope you can answer me. Thanks.

  26. cuteek says:

    Thank you so much I am going to add it to all of my blogs 😀

  27. Max says:

    @ arslion, Trent Dyrsmid, Tamara, sha, edwardng and cuteek, thanks very much all.

    @ dreamchaser214, weetmeme_source part will add your name in your tweets.

  28. Thanks a Lot, Allblogtools.com
    The “Retweet Widget” Works Great Check it out-> http://www.dota-addiction.blogspot.com
    I have Always been a Fan of this Site :)

    Best Regards,
    Salman Khakwani

    • Max says:

      @ Salman, thanks , really thanks for your Very encouraging comment, i’ll try to keep this work up for my lovely readers like you and all.

  29. muaz says:

    thank a lot.. i have just used it on my blog.. i very like it.

  30. SmashDesign says:

    Thanks for this toturial

  31. Max says:

    @ muaz and smashdesign, thanks bro, you both welcome any time.

  32. jodi says:

    unforunately, it did not work on my blog http://www.onlineopps.net

    i did all your tips but like what i’ve said, it didn’t work

  33. Vata Veda says:

    Wow, thank you so much. I’ve tried several others’ codes for this and none of them worked. Yours worked the first time!

    The only thing I changed was the padding to 10px.

  34. Happy Cook says:

    I have been wanting to add this to my blog for long, and now with you onstructions it was really easy to do.
    Thankyou so much.

  35. Hi! Is there any way to change the colour between the grey and the green sections?

  36. Eky Dakka says:

    Hi.. I was wondering if you can aLso help me.. I use wordpress for my blog.. I would like to include this button also..

  37. Max says:

    @ Vata Veda, Happy Cook, thanks for your comments, i’m happy to see it running on your blog.

    @ Vata VedaPlease give me more info about your problem.

    @ Peter McCartneyi’m really sorry but you can’t coz this is a self hosted javascript files widget.

    @ Eky Dakkai’m afraid that this is a blogger community but i’d like to help you, plesae include some infos about your blog, theme, html and php skils.

  38. amanda says:

    is there a reason why it might put in 2 retweet buttons? i’m pretty sure i followed the instructions really well…suggestion?

  39. Isalys says:

    Hi Max!!

    Thanks so much for the code!! It seems to work perfectly w/ the exception of one issue that I’m having.

    For some reason, the header of the following post does not shift down enough and it’s causing the retweet icon & header to overlap on the same line (make sense?). It makes it hard to tell which post the retweet icon is for.

    You can see what I mean if you visit my blog (www.booksoulmates.com).

    Any idea how I can fix this?

    Thanks!
    Isalys

  40. Meka says:

    Do you know how to fix the tweet count. On the homepage it shows all the same numbers but when I go to individual post, the tweet count is right.

  41. Meka says:

    Nevermind, I just installed your version and it worked great.

  42. kahlea says:

    Thanks so much!

  43. Max says:

    @ Meka, kahlea i’m glad to see it on your blogs.

    @ Isalysthe best thing to do it to add the code after the post title.

    @ Amanda. please remove the widget and add it all over again. i think you added it twice .

  44. Seema Syed says:

    Great! Thanks for sharing the code. I got it on my blog.

  45. invite5 says:

    SUPERB EASY WAY TO INSERT ….THANKS

  46. Max says:

    Thanks Seem Syedand invite5

  47. Chloe says:

    Thanks!

    Works perfectly!

  48. By far the best resource for adding this. Others were pretty good but when it comes to a simple and user friendly way for all stages of designing your own site this route will let you add it with ease.

  49. erwin says:

    unforunately, it did not work on my blog http://horrorsekarepdewek.blogspot.com/

    i did all your tips but like what i’ve said, it didn’t work..

  50. erwin says:

    my blog tempale doesnt have a code :

    or

    and when i put the button code before

    it still didn’t work

    can you fix it ?
    thanks

  51. suroz says:

    Thanks for sharing great tips, I’ll use your code into my blog

  52. Suresh says:

    shittt!!!! its 100% works !!! :)

  53. bill says:

    Thanks man it working GOD BESS YOU

  54. Max says:

    hi all, thanks for your kind words, i’m glad to see you all here.

  55. gambar says:

    wow, that’s nice! i was wondering how to do this. Thanks for sharing!

  56. Ashley says:

    I followed your instruction, I went to layout and then edit html, I clicked the expand widget but I couldn’t find those two choices that you’ve given.

  57. yashvir says:

    thank u very much this has been really helpful!

  58. Thank you very much, this worked perfect for my blogs

  59. Jakolien says:

    Great tip! the only thing is that I cannot get it to tweet the POST. It will give the name of the site and the tagline…

    Please help :-)

  60. ifeanyi says:

    thanks man, your post really helpful. check it out at Football Encyclopedia

  61. exora says:

    I can’t find the code ” or ” in the ‘Edit Template, can u help me?

  62. Ben says:

    Very nice!

Comments will be closed off on this post 365 days (1 year) after it is published. Apologies to this, but it's all about avoiding a growing comment spam problem. See our most recent posts where you can comment here