How to add the Tweet Button to your Tumblr blog
If you’re like me and you think your blog is more popular than it actually is, then you really want the sharing aspect for your loyal readers as easily as possible. With the release of Twitter’s official tweet button, that was not-so-recently announced, it’s pretty simple to add it to you site.
First, head over to the Twitter’s Tweet Button page and customize the button the way you want it, but leave the Tweet text and URL on the default values. At the bottom of the Tweet button page, you’ll end up with HTML code that looks something like this:
<a href=”http://twitter.com/share” class=”twitter-share-button” data-count=”none” data-via=”casschin”>Tweet</a><script type=”text/javascript” src=”http://platform.twitter.com/widgets.js”></script>
Paste this into a text editor and add new attribute data-url=”{Permalink}” to the code inside the <a></a> tag:
<a href=”http://twitter.com/share” class=”twitter-share-button” data-url=”{Permalink}” data-count=”none” data-via=”casschin”>Tweet</a><script type=”text/javascript” src=”http://platform.twitter.com/widgets.js”></script>
Without this attribute, whenever someone clicks the tweet button from your main page (e.g. http://fuckyeahtumblrblogsarestupid.tumblr.com), the tweeted link will just redirect back to your main page and not your post.
Go to customize page for your site and click Theme > Use Custom HTML.
It’ll show you the HTML for your page. Look for the text </div>{/block:Posts} and paste the Tweet button code you put together above the </div>{/block:Posts}.
Click save and you’re done. All of your posts should have the Tweet button directly below each post! Now it’s time to sit back and watch the click-throughs not pour in.
There is a caveat to this. All post types except for Text posts won’t have any pre-populated text within the Tweet. Kinda sucks for the person tweeting your page, but it’s really more of a Tumblr issue than a Tweet button issue.
