Twitter is being used by many bloggers to promote their blogs. This donesn't takes much of your time in contrast reaches all the tweeters who are following you and countless twitter users. This, for sure brings in more traffic to your blog.
Eventhough retweeting the blog post means the credit as the original tweeter goes to tweetmeme, this sure gets more visitors to your blog.
Tweetmeme gives you two types of buttons,
* A button, which looks somewhat alike the Digg button

* A Compact version which fits in less space

Now how to add these buttons in blogger posts.
Goto Layout > Edit Html > Expand Widgets > Press Ctrl+F >Search For Below Codes
<p><data:post.body/></p>
And add the below code like as below:-
<p><data:post.body/>
<div style='float:right; margin-left:10px;'>
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"> </script>
</div>
</p>
This will add retweet button to your right of blogger post at beggining,if dont find the code enclosed in </p> Add above codes after it <data:post.body/> this will add this retweet button at end of the post.
Add below codes after this <data:post.body/> code to place button at end of post.
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"> </script>
If you wanna use compact button code use below one.
<script type="text/javascript">
tweetmeme_style = "compact";
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
Save your template and done.

If you feel this post in usefull, please Tweet it.



69 comments:
Nice, i like to use use twitter to promote my blog as well.
thanks for tutorial, this is useful for twitter users..
Hi there,
Is there a way to remove the count and just display the retweet button?
you can check it here i holded an post for you Tweet me button without count
Hello there,
i just wanted to thank you on your usefull tip. it work great on my blog.
Thanks
Hey! thx. for the easy tutorial for the Re-Tweet button.... very useful
Hi Anshul! After a lot of search I've found your blog and it seemed like a very useful one, very well written and easy to follow tutorials.
I tried to add the retweet button on my blog, following your instructions, but I don't have the line < p >< data:post.body / >< /p > on my template. I use one of those bloggers standard templates - Rounders 2 - with little customization. Do you have any ideia of what else I can do? Many thanks.
just expand widget and then find leave that p tag and find code between p tag you will find for sure..
It was on expand widget. I did find the p tag, and paste the link after it, but then nothing happened. The preview went ok, so I save it, and the button wasn't there. I waited for good half an hour, tried again, and nothing. So I went back to the code and deleted it. So frustrating. I've spent all my Sunday afternoon in this search.
@vicky just download template and send me the codes i will add for you if you really want it.
Very cool! Your retweet technique came up number one on Google, and that's how I found you. Good work.
Thank you!! Tried this for hours with Tweetmeme and other people's instructions. Yours finally worked.
Thanks for posting this code!! One problem - I entered in the code yesterday and now when I add a blog posts - It posts twice and the RT button is at the beginning of the second post.
Thanks for any help in advance!
@Laurie you would have made some problem and just show me demo of problem , then can suggest you exact mistake you did.
hi
Sir here is one problem in placing script. i have placed it in my blog.www.softwaresforeveryone.blogspot.com.
i want to keep it at top but now it is below the post. Have you any suggestions to bring it at the top right of the post.......
Thanksssss.........
@asfand you are adding codes below data:post.body/
Add them above data:post.body/ to show it up.
Hi there! It works great on my blog.. thanks for sharing! ;)
works like wonder , thanks :)
I have a very odd problem.
This method works great for me, the button is on all of the posts on my homepage, and pressing the button redirects to a relevant tweet.
The problem is that - the button does not appear on the post individual-page. for some reason it disappear from there.
I'm after few hours of trying to solve that, without any result.
any idea to a solution ?
Thanks.
Ron
nagalr(at)hotmail(dot)com
Why are all my post DOUBLE NOW? since adding this??
FINALLY a code that works!!!
Thanks so much!
if you problems with the code above, you can directly go to the http://tweetmeme.com/about/plugins/blogger_template and submit your template to them, design the retweet button as per the need and generate the new template.
thank you! this was great!
thanks!! very helpful
Hi.. I was wondering if you can aLso help me.. I use wordpress for my blog.. I would like to include this button also..
THANK YOU!!!!
nice post dude
This is a wonderful post, thank you! :D
tried many times i found out the code by expanding widgets but this is not working on my blog
It works... thanks :)
It is working on my blog, thanks.. ;)
after some trial and error I finally was able to do it, thanks so much!!!
I had to copy and paste the code before the so it could show at the begining of my post. Thank you so much!
I followed the directions for adding the retweet button to the beginning of each post and it still placed it at the bottom... any thoughts?
www.fourcazychildren.blogspot.com
Outstanding codes for retweet!
Thanks for your codes, Its really working good with my blog.
i want to posts it in an upper part of every posts :-( not blow the post.how can i manage that...
@lantaw just add codes before data:post.body instead of adding after.
The compact code is missing the line-
tweetmeme_url = '';
might cause problems?
love it!! tq so much:)
Great! Thanks!
Thank you very much, worked straight away.
Hi! Thanks for this very useful post! I just want to know how I can position the retweet button just below the facebook button (like how they're shown in your post). I don't like to see them side by side. How do I do that? Also, how did you edit the font color of "Show older posts" link right after "Showing newest posts with label Social Bookmarking". I am seeing the link in red here in your blog. I want that link to match my blog's color, too. Please help! Thanks!
@pinoy like you placed script codes for one button after it add <br/> tag and other button codes.
Easy and it works fantastically! thanks
Thank you so much for this great tip.
It works.thanks for sharing.
Thanks you very much,,,,appreciate your help and LOVE YOUR SITE !!
This was the only post I found anywhere that was actually helpful!!! I wanted to mention one thing. If you want to add it right next to the title, you need to install the html code right before:
It worked for me...finally!
thankyou very much i used the code in my site.
Thank you. It works a treat!
Wow!!! thank u!!! Works great!!!
By the way, anybody knows how to add the Facebook's share button???
Quick question, I do not get the post retweeted but the general line for the site. Could you have a look to see what I am doing wrong? www.recruitmentnewstyle.com
Thanks!!!
Ciao,
Jakolien
@jakolien i saw your code it seems you have added all codes right , but still when i tweet your post it takes only homepage title.Do onw thng use exact cods of mine and try the code at end of post.If wordks fine then -lace that code to place u want.
Thanks for this! Looks good can't wait for people to start tweeting my posts :)
hi anshul it works great in my site
www.kstechno.info
this is the blog!
http://howtolooklikekatvond.blogspot.com/
HI!
I ve tried your plugin but it appears right after the last word of every entry, so I removed it.
I want it bottom or top, but in the rightside.
In fact, when I changed my template, I lost all buttons ... I don't know if there's any problem with the template, since when I went to the retweet official page, it was impossible to create a code "due to errors"
If you can take a look or guess where is the problem, I'd appreciate it :)
thanks
@the depest just use this line before the code where you placing
<div class='clear'/>
then it will not get stick to last word of entry.
Thank you so much for codes! Works great!
Maybe you can help me out. I want to add the retweet and the fb share button to my blog but I cannot get it to align like yours is their some advice or coding that you can provide that can make mine show up like yours. Right now I can only get the retweet to position where I want it.
@damion ya sre just u added retweet button correctly i saw it.Retweet buttons codes are enlosed in div tag to foat it right.No in same div tag just where ur retweet button codes ends add break tag and then facebook button codes like below i have considered your codes only.
<div style='float:right;padding:4px;'>
<script type='text/javascript'>
tweetmeme_url = 'http://damionscsav.blogspot.com/2010/08/living-in-tiny-home.html';
tweetmeme_source = 'pdragon65';
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'></script>
<br/>
Facebook button codes
</div>
ive been implementing your tutorial in my blog http://digimurai.blogspot.com
Thanks dude.U helped me.
If you can't find the <p> tag in front of <data:post.body> and are having trouble, please read the following discussion on the Blogger help forum: I don't have " <p><data:post.body/>" in my template
@aratina you might have not expanded codes
Thanks for This
I'm Using this at My Blog Tech Period | All About Technology & Web
Http://techperiod.blogspot.com/
Wow!!!!! Great. At my Blog-com now.
Thank you! Works great and even I could do it!
hyphed.com
the retweet button is either coming at the top or at the bottom. i'd like it come after 5 - 6 lines. like on the page.
Post a Comment