Wednesday, July 8, 2009

TEXT SIZE minus plus

How To Add A ReTweet (Retwiit) Button In Your Blog


Please Read The Important Announcement Here Under New Domain and Hosting Now
tutzone

Twitter is a service with bite-size messages topping out at 140 characters which can be smart, useful, maybe even necessary. In the last few months, the traffic on Twitter has exploded, growing far beyond its circles of bleeding-edge tech enthusiasts and hard-core social networkers.

Tweetmeme is a commonly used service now a days to promote a article. They have made a retweet button which is for website and blog publishers that want to encourage their audience to retweet their content on twitter.

For installation (I'm going to assume your savvy with wordpress and blogger and can install a theme and know basic float tags, and if don't know then please feel free to drop a comment I will reply back as soon as possible.)

For Wordpress users:
You can download the plugin from here:
1. Upload the TweetMeme directory to the /wp-content/plugins/ directory.
2. Activate the plugin through the 'Plugins' menu in WordPress.
3. Go to Settings/tweetmeme to configure the button.
It allows you to change the source which you retweet, E.g. "RT @Bariski. You can also choose where the button will be shown, i.e. top or bottom.


For Blogger users:
Login to your account and go to Layout > Edit Html > Expand Widgets and search for this line <data:post.body/> and paste the below code after it (this will show the button in top of your post, for showing the button in the end of post add it after that line)
For a Large button use this code:
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'Bariski';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"> </script>
For a small button use this code:
<script type='text/javascript'>
tweetmeme_style = "compact";
tweetmeme_source = 'Bariski';
</script>
Now remember to chacnge Bariski with your Twitter username, so that you can know who has tweeted your article.

Hope you like this, if you have any doubt or any problem, please feel free to leave a comment here, and I will surely get back to you as early as possible.


Print

About the Author

bariski Bariski has written 88 articles on this site.

When I was born I was so shocked I didn't speak for a year and half......
My brain has 2 parts, Right and Left,
The Right one has nothing left in it and the Left one has nothing right in it......

Who says Nothing is Impossible?? I've been doing nothing for years......

Old Comments:

Well thanks for tut mate!! I've been wondering to add button in my blog for a while.

Bhanu Ahluwalia a.k.a. Bariski

With pleasure buddy.

Good add! I was using "Tweet This" which has a row of icons at the end of each post for many social networks including: Twitter, StumbleUpon, Ping, Digg, Del.icio.us, and others. http://wordpress.org/extend/plugins/tweet-this/

Thanks for adding this to my list!

I tried this out on Blogger (http://weedeias.blogspot.com), but the button failed... for some reason. Any thoughts?

Hello, and thank you for explaining how to add this. I want just to know how you can put it beside the title (not under the title) .. beside it to the left.. it would be way better.. by the way, I've seen it on some blogs.

Want to add the Tweetmeme button long time, but i just don't want they only allow you show the button on the top or bottom for wordpress user. there is no any shout code to let user to place the button anywhere they want. Disappointed.

Bhanu Ahluwalia a.k.a. Bariski

@Amber Ludwig Thanks for the mention.

@aldasilva Can you please tell me what exactly the error is? Or you can send me your template via contact form and just mention where to add it and I will do this for you.

@Mehdi Search for this code:
<p><data:post.body/></p>

Due to template differences,you may not find above code, then search for this
<data:post.body/>

</div>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<div style='float:right; margin-left:10px;'>
Tweetmeme Script
</div>
</b:if>

Now you can make it flow right or left. Hope this helps.


@Wallace Yes you can place the button by yourself also, just by editing the theme and not using the plugin.

Hope this helps.

P.S> Please replace the smiley code appropriately.

Twitter is an effective and viral way to spread one's message and get valuable traffic to one's blog. The number of users is ever increasing, so the audience reach is really big. Great tutorial on adding a retweet button to one's blog, this will help in promoting one's blog posts. Thanks so much!

Nice post Bariski! This post should come slightly earlier as I was messing around with the integration of this Retweet button on 10Steps.SG last week :D

Bhanu Ahluwalia a.k.a. Bariski

@UPrinting I agree with you.

@Johnson Thanks buddy and you know me m always a lit lazy hehe.

Hello, and thank you for your help :) unfortunately when I put the script between the "b:if" and the "div" you provided, it appears to the left of the BODY MESSAGE.
please tell me how to fix the issue. (to remember you, I want to add the retweet button beside to the left of the TITLE.)

Bhanu Ahluwalia a.k.a. Bariski

Okay try this. Put the code inside this:

<h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>

Before </h2>

Hope this helps.

Hello again Bariski :) really thank you for your help !! it wooooorks :D !!! but for me it was into the section h3 not h2.. thank you again for your time, and long live to your blog ;)

Bhanu Ahluwalia a.k.a. Bariski

I'm glad this worked for you.

blog comments powered by Disqus