TweetMeme & Tumblr

If you’ve got a blog then you’ve got to make it as easy as possible for people to share the love.

AddThis v TweetMeme

A couple of weeks ago I finally got round to putting AddThis to the sidebar of this Tumblr blog. If you’re wanting people to share your blog post, then this is the worst place to put it. Although it’s in a good position within the sidebar, there’s just no association with that button and the content within a blog post. I would have moved it if it were not for the great little Retweet button by TweetMeme.

I am a fan of the AddThis sharing tool but I feel that the simplicity of TweetMeme makes it the favoured choice. It’s very impressive that AddThis offers one click sharing to over 200 sites but realistically how many are actually used? Sometimes the more isn’t necessarily the better. With so many people using Twitter these days it’s important to make the most of it and make it as easy as possible for someone to share your content.

How do I add TweetMeme to Tumblr?

Now I’m not the most technical of people but do have a basic understanding of code. So when I looked at the TweetMeme help pages and found a guide on installing TweetMeme to Tumblr - I quickly got stuck as to where to place it and making it look good on the (most) popular Tumblr theme that is Redux.

It wasn’t as simple as copy/pasting the code as I later learnt that I was pasting the formatted code where quotation marks were frustratingly not the quotation marks that work on code (not sure how to explain that any better?). So how do you place the retweet button on the top right like my Tumblr blog? By using the following code will allow people to retweet each individual post:

<mce:script type=”text/javascript”><!— tweetmeme_url=’{Permalink}’;tweetmeme_source=’adaircameron’; // —></mce:script> <mce:script type=”text/javascript” mce_src=”http://tweetmeme.com/i/scripts/button.js”></mce:script>

Obviously, you would need to change the source name to your own username. Place it within its own <div> to allow it to float correctly with the right amount of margin. Paste the following code straight after <div class=”post”>:

<div style=”float:right; margin-left:10px; margin-bottom:10px”>

<script type=”text/javascript”>tweetmeme_url=’{Permalink}’;tweetmeme_source=’adaircameron’;</script>

<script type=”text/javascript” src=”http://tweetmeme.com/i/scripts/button.js”></script>

</div>

And there you have it, a good looking retweet button in a great position.

Picture source by Excomedia