Add TwitThis Button to Blogger Post

Add TwitThis Button to Blogger Posts

I added a TwitThis button to blogger posts and it works. It was very simple, actually. The button is added to the bottom of each post. So, simple that I had sort forgotten how I did it. But here are the easy read steps:

1. Go to Edit HTML page of your blog layout page.
2. Make sure your code is saved. If not save it using "download full template".
3. Click on the "Expand Widget Templates check box.
   
4. Open the search box by pressing Ctrl F, the box appears bottom left of the screen.
5. Copy and paste this code into the box: <div class='post-footer'>
6. You immediately get to the code painted in green
7. Place the code indicated below in red below the piece of code you just found. This is how it looks:
   

<div class='post-footer'>
<!-- TwitThis Button BEGIN --> <a href='javascript:(function(){TwitThisPop=window.open(%22http://twitthis.com/twit?url=%22+encodeURIComponent(location.href)+%22&amp;title=%22+((document.title)%20?%20encodeURIComponent(document.title.replace(/^\s*|\s*$/g,%27%27))%20:%20%22%22),%20%22TwitThisPop%22,%20%22width=600,%20height=500,%20location,%20status,%20scrollbars,%20resizable,%20dependent=yes%22);%20setTimeout(%22TwitThisPop.focus()%22,%20100);%20})()'><img alt='TwitThis' src='http://s3.chuug.com/chuug.twitthis.resources/twitthis_grey_72x22.gif' style='border:none;'/></a> <!-- TwitThis Button END -->
<p class='post-footer-line post-footer-line-1'><span class='post-author vcard'>

Then preview and save in the usual way. It is pretty damn easy to add a TwitThis button to blogger posts.

Update March 2011: things change. Twitter has moved on and expanded. I have not checked this out recently. Please leave a comment if it doesn't work and I'll fix things.