Add a Tweet It or Retweet Button to Your Blog

Log in to Blogger, go to "Layout" -> "Edit HTML" and mark the "Expand Widget Templates"


Find (CTRL+F) this code in the template:

<div class='post-header-line-1'/>

And immediately BELOW/AFTER that, paste the code for the widget

Here's the code for this widget:

<script type="text/javascript">

tweetmeme_url = '<data:post.url/>';

tweetmeme_source = 'YOUR_TWITTER_ID';

</script>

<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>

Replace "YOUR_TWITTER_ID" with your own Twitter profile, in the code above.


And it will be displayed like this:

To show these widgets only in published post pages and NOT in homepage, add the code like this:

<b:if cond='data:blog.pageType == "item"'>

CODE FOR TWEET WIDGET

</b:if>