How To: Put a TweetMeme Plugin in Your WordPress.com Blog


Last night I decided to put one of those nice tweetmeme buttons that let you fast-retweet your favourite blog posts on this nice blog… It took me a good hour to find a way to do it (it appears they support this kind of plugin for every platform but from wordpress.com), so finally i stumbled upon this two ways to set it up:

[tweetmeme source=”vintharas” only_single=false]

    Option 1


You can add a cute full-working tweetmeme button to the top-right corner of your posts by adding the following line to their content:

tweetmeme source=”yourtwittername” only_single=false

In my case this would look like: tweetmeme source=”vintharas” only_single=false

Note: For it to work, you should place that line between brackets, i.e. [blablabla].
Note 2: The incovenient of using this method is that the background of the button plugin will be white and, as far as I know, there’s no way to change it.


    Option 2

The second option is to use some old-school html to call tweetmeme’s API and wrap a button image with the proper link. This you can do by adding the following html code to your post:

<a href="http://api.tweetmeme.com/share?url=[PostURL]&amp;service=[ShorteningURLService]">
<img class="alignright" style="border-style:none;" src="http://api.tweetmeme.com/imagebutton.gif?url=[PostURL]&amp;service=[ShorteningURLService]" alt="" width="51" height="61" />
</a>

Where a real-life example would look like this:

<a href="http://api.tweetmeme.com/share?url=https://jimmyeatstheworld.wordpress.com/2010/05/01/roland-deschain-to-be-brought-to-the-big-screen/&amp;service=http://wp.me/pLEGI-1T">
<img class="alignright" style="border-style:none;" src="http://api.tweetmeme.com/imagebutton.gif?url=https://jimmyeatstheworld.wordpress.com/2010/05/01/roland-deschain-to-be-brought-to-the-big-screen/&amp;service=http://wp.me/pLEGI-1T" alt="" width="51" height="61" />
</a>

Note: With this second option, the button’s background will be transparent, solving ugly design issues. On the other hand, this button will not behave as the real plugin, given the fact that it is just an image wrapped by a link.
Note 2: When I add wordpress.com permalink as the shortening service url it actually overrides it with a bit.ly short url, works fine nonetheless.

Thanks to Mirella and another anonymous guy whose link i am sorried i cannot find.

P.S. I will follow investigating in order to achieve excellence in Tweetmeme embedding (wink)…

~ by Jaime on May 5, 2010.

3 Responses to “How To: Put a TweetMeme Plugin in Your WordPress.com Blog”

  1. Thank you for mentioning me Jimy!
    Good helpful post!
    Thank you
    Mirella

  2. Thank you so much! I’ve been looking for this for a little while but as you found, could only find plug-ins compatible with the .org wordpress. This is perfect. Cheers!

  3. I was suggested this blog via my cousin. I am not positive whether or not this post is written by means of him
    as no one else realize such precise approximately my trouble.
    You are incredible! Thanks!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

 
%d bloggers like this: