Browse > Home / / Add Retweet Tweetmeme Button


Add Retweet Tweetmeme Button

6 comments
Saturday, August 29, 2009 Posted by One-4-All

Twitter is getting more and more famous and so is retweet Most of you might be knowing of both of this.Still i will give a brief into on both. Like as you know that twitter is one of microblogging.
Microblogging, a relatively new tool of the social Web, allows users to publish short blog posts or messages, typically fewer than 140 characters, through their computers and mobile phones It’s a helpful way to keep your name in front of people and to announce and highlight new blog posts, upcoming
events (such as blog contests or carnivals), and more. The possibilities are virtually limitless! Think of it as free publicity. Retweet, This one enables to report repost some interesting tweets on twitter.The retweet button can act more like a tweet counter. We can add retweet button into our article to get more retweet from our visitor who like and enjoy our post. I was added it in my blog, and the result become like this picture.

To add this button, you must add some code into your template code. There are three option for you, according to the position and button shape.
  1. Add Retweet button in your right side of post with compact style.
    Add this code into your template.
    <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>
  2. Add Retweet button in your left side of post with compact style.
    Add this code into your template.
    <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>
  3. Add Retweet button in your left side of post with large 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>
  4. Add Retweet button in your left side of post with large 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>

You must add into your template before this code.
<p><data:post.body/></p>
So, the final code will become like this.
<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>
<p><data:post.body/></p>


Enjoy this and don't forget to Retweet or bookmark this article.

Best Regard
One-4-All

6 comments:

Ikhsan on August 30, 2009 at 6:50 PM said...

Ok punya ni

MelCole on September 1, 2009 at 1:20 AM said...

hi! was hoppin here bro!

cdoney77 on October 4, 2009 at 5:44 PM said...

Thanks for this.. I'm trying to use option 3 but I cannot get it to @Cdoney77 it only types Cdoney77 - Any ideas.. Thanks.. Loving the post otherwise!

cdoney77 on October 6, 2009 at 6:22 PM said...

Hey Buddy - Loving the post, Thanks

I'm having some issues with it though :(

I cannot get it to @ My username? It seems to just state it.. Any thoughts?

Thanks

Anonymous said...

Thanks a lot! This helped me!
Dominic

Rachelle @ "Mommy? I'm Hungry!" on December 28, 2009 at 9:20 AM said...

Thanks, got this to work great! One tip, you can float it to the left instead of the right also!

Post a Comment