Try Advanced Blogger Templates Search >> 
Welcome to our AllBlogTools.com v.3 new version, We are still in beta, please contact us to report an error.
How To Add Retweet Button To Blogger (Blogspot ).
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
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>
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>
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>
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>
: 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.
: Log into your blogger account, and go to Layout >> Edit Html.
Before doing any thing you must check Expand Widget Templates box.
: Find This code.
<div class='post-header-line-1'/>
and past the button code which we made it, step 1 After it.
find this code,
<data:post.body/>
and paste the code which we made it, step 1 before it.
Click Here to see retweet button added on blogger blog
We are done. Enjoy, all comments are welcomed.
Related Tricks & Tutorials
About The Author
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
Thank you so much, it is working perfectly here http://aaqil66.blogspot.com
Top tip – thank you very much!!!
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.
thanks Pakistan and Kristy.
hi Alejandro, sorry but comments here doesn’t not support writing codes.
but you can try to find this code,
and then paste the button code before it.
thanks so much!!!
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!
Thanks guys. This is just what I needed!
It doesnt work man . Shows XML error
hi javs, please try again and do it carefully, it works with all here.
another nice tut bro . ..
thx so much . . .
You are fantastic! Thanks!
and you are awesome Dee, thanks
PERFECT, Thanks very much! This should help achieve fuller twitter visibility on http://technosurfer.net (as a complement to twitterfeed features)
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!
@ Lizzy Jhi, i’m really happy with you comment, please subscribe and follow me for more trick.
Best instructions I’ve found – easy! thanks
Thanks TBPL.
Thanks thanx thanx thanx
budddyyy!!!!!!!!!
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
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.
hey Max..send ya d template code by d contact us form..jst check it out..!!
HB, ok, i’ll reply soon.
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 .
Thanks. It was helpful.
hi sulltan, i promise you i’ll do it soon,
thanks vikas.
Awesome ..thankyou very much..i copy the code from other site and having problems with that..but you are goood
works perfectly, thanks!
Thank you so much! After 8 tutorials yours is the best! keep up the good work! xoxo
pretty cool, thanks
thank you so much…..good tips http://www.technu.co.cc is using this ‘tool’
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.
Thank you so much I am going to add it to all of my blogs
@ arslion, Trent Dyrsmid, Tamara, sha, edwardng and cuteek, thanks very much all.
@ dreamchaser214, weetmeme_source part will add your name in your tweets.
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
@ 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.
thank a lot.. i have just used it on my blog.. i very like it.
Thanks for this toturial
@ muaz and smashdesign, thanks bro, you both welcome any time.
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
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.
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.
Hi! Is there any way to change the colour between the grey and the green sections?
Hi.. I was wondering if you can aLso help me.. I use wordpress for my blog.. I would like to include this button also..
@ 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.
is there a reason why it might put in 2 retweet buttons? i’m pretty sure i followed the instructions really well…suggestion?
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
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.
Nevermind, I just installed your version and it worked great.
Thanks so much!
@ 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 .
Great! Thanks for sharing the code. I got it on my blog.
SUPERB EASY WAY TO INSERT ….THANKS
Thanks Seem Syedand invite5
Thanks!
Works perfectly!
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.
@ Chris Pontine, thanks dude for your comment, it’s great for me.
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..
hi erwin, can you give me some details about your problem so we can solve it together.
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
Thanks for sharing great tips, I’ll use your code into my blog
shittt!!!! its 100% works !!!
Thanks man it working GOD BESS YOU
hi all, thanks for your kind words, i’m glad to see you all here.
wow, that’s nice! i was wondering how to do this. Thanks for sharing!
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.
thank u very much this has been really helpful!
Thank you very much, this worked perfect for my blogs
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
thanks man, your post really helpful. check it out at Football Encyclopedia
I can’t find the code ” or ” in the ‘Edit Template, can u help me?
Very nice!