July 8, 2009

TEXT SIZE minus plus

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

You Might Be Interested In Our Popular Article
  • Improve Link Popularity And Increase Alexa Rank In No Time
  • 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

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

    14 Responses to “How To Add A ReTweet (Retwiit) Button In Your Blog”

    Author comments are in a darker gray color for you to easily identify the posts author in the comments

    1. provamsi says:

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

    2. Bariski says:

      With pleasure buddy.

    3. Amber Ludwig says:

      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!

    4. aldasilva says:

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

    5. Mehdi says:

      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.

    6. Wallace says:

      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.

    7. Bariski says:

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

    8. UPrinting says:

      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!

    9. Johnson Koh says:

      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

    10. Bariski says:

      @UPrinting I agree with you.

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

    11. Mehdi says:

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

    12. Bariski says:

      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.

    13. Mehdi says:

      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 ;)

    14. Bariski says:

      I'm glad this worked for you.

    Leave a Reply