Add A Tweet This Post Box To Your Thesis Post Footer

A couple posts back I wrote about creating a recent tweets section with Twitter’s new @Anywhere service. Now, let’s take it a step further and set up a “Tweet This Post” box. We’re going to be using Thesis, and we’re going to place the box at the bottom of each post on single posts.

Twitter API Key

The article I referenced above explains how to register and set up your @Anywhere app on your blog. If you haven’t already got your Twitter API key you will need one. For a full walk through check out my last post regarding @anywhere integration.

The Code

First, we need to insert the scripts that enable @Anywhere. Be sure to change “YOURAPIKEY” and “YOURUSERNAME” appropriately. Also, you can set the parameters contained in label:"Tweet This Post:", height: 50, width: 600 to whatever you like.

Be sure to place these scripts using the hook. If you use Thesis options for this, the php code for the post’s title and permalink will not pass through

function anywhere_scripts() { ?>
	<script src="http://platform.twitter.com/anywhere.js?id=YOURAPIKEY&v=1"></script>
	<script type="text/javascript">
		twttr.anywhere(function(twitter) {
			twitter.hovercards();
			twitter('#follow-YOURUSERNAME').followButton("YOURUSERNAME");
		});
		twttr.anywhere(function (T) {
			T("#tbox").tweetBox({ label:"Tweet This Post:", height: 50, width: 600, defaultContent: "<?php the_title(); ?> - <?php the_permalink(); ?>" });
		});
	</script>
<? }
add_action('thesis_hook_after_html', 'anywhere_scripts');

Next, we need to grab the code that will actually insert the tweet box below the post:

function tweet_box() {
	if(is_single()) { ?>
		<div id="tbox"></div>
	<? }
}
add_action('thesis_hook_after_post', 'tweet_box');

And that’s it! Just add those to snippets to custom_functions.php in your Thesis custom folder and you’re done!

Go Ninja

If you really want to be a ninja, check out this post by Matt Langford on Automatic URL Shortening with Bit.ly. He offers a simple solution for replacing the permalink with a bit.ly URL so that your users won’t have too!