Adding the Tweet This Button in an Advanced Template

If you are using an Advanced Template Set for your blog's design and you'd like to add a Tweet This! button to your posts, just copy either the link or button script below and follow the instructions for pasting that into your templates.

Advanced Template Set designs are available with the Unlimited, Premium, and Business Class plans. If you are not using an Advanced Template Set for your blog's design, you can add the Tweet This button at Design > Content > Post Footer.

Tweet This! Text Link

<script type="text/javascript"> var title = '<$MTEntryTitle generate="1" encode_js="1"$>'; var url = '<$MTEntryPermalink encode_js="1"$>'; var limit = 140 - ( url.length + 1 ); if( title.length > limit ) { title = title.substr( 0, ( limit - 3 ) ) + '...'; } var link = 'http://twitter.com/home?status=' + encodeURIComponent( title + ' ' + url ); document.write( '<a href="' + link + '" target="_blank">Tweet This!</a>' ); </script>

Add the code to the Individual Archives template and within the MTEntries container tag of the Main Index and Archive templates. The link or button can be placed wherever you wish but it's generally added in the post footer area.

Tweet This! Button Link

If your Advanced Template design's CSS includes Typepad's base-weblog.css file, you can use special CSS classes to get a standardized button style.

Make sure you include this code within the entry-footer div in the Individual Archives template and in the entry-footer div within the MTEntries container tag in the Main Index and Archive templates

<span class="entry-footer-links-twitter"> <iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/tweet_button.html?url=<$MTEntryPermalink$>&text=<$MTEntryTitle$>&count=none" style="width:55px; height:20px;"></iframe> </span>