Hi, I'm Sam. I like to help people with money, web 2.0, and social justice awareness. I have a dream of using the social media space to help people in both little ways (wheelchair ramps down the road) and big ways (ending human trafficking). Here you can read, watch, and listen to my thoughts on all three.
This is a follow-up to Dan Monsieurle’s tutorial about using TweetMeme in Tumblr (which is also part of Tumblr’s help section).
It seems a few people (including me) were unable to get the retweet button to show up in a Tumblr blog, no matter where we put the code.
It turns out the fix is pretty easy. The problem is that the TweetMeme javascript and/or Tumblr HTML editor is very picky about quotation marks. When you copy and paste the TweetMeme code, be sure to type over the quotation marks yourself so that they are just plain text characters, not curly smart quotes. You need to have single quotes for the javascript portion and double quotes for the HTML. Here is my finished code, inserted in between the date block and the tags block:
<div class="retweet">
<script type="text/javascript">
tweetmeme_style = 'compact';
tweetmeme_url = '{Permalink}';
tweetmeme_source = 'samjulien';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>
As you can see, I also made my own CSS class with formatting to match the Classy/Bigfoot themes. Take a look:
.retweet {
margin: 3px -10px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: right;
float: right;
display: inline;
position: relative;
clear: right;
}
I stuck this class in the Content section of the CSS at the top of the theme.
Hope that helps. Just view the source code of my blog to see it in action. Also, feel free to comment or ask a question.
