Tutorial -Add a Tweetememe Retweet Button to your Blog

Ok as you all know I'm having this very impressive Twitter Retweeet button on my blog, and getting mails constantly asking me to share this hack. Its been hard to help everyone install the widget so i decided upon writing this easy tutorial. Twitter is an excellent source for blog traffic that makes this a must install widget on your blog!



Go to Tweetmeme.com

Dashboard > Layout > Edit HTML and check the "Expand Widget Templates" option.

Now as a precautionary measure please download your template so that you have an emergency backup if in case you create any errors :)

Firstly be clear if you want the full version or the Compact version of this Retweet button.

For the Full version of the Retweet button:

Firstly Locate this code in your blogger template.

<data:post.body/>

And then copy and paste the below code just above the data:post.body tag

<div style='float:right; margin-left:10px;'>
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
</div>

Now the customization part:
1.<div style='float:right; aligns the button to the right. set it as left if you want it on the left hand side of the post.
2.the above code was pasted above the <data:post.body/> tag. So if you want the retweet button in the bottom section of your post. Place the code below <data:post.body/>

Now for the Compact style of retweet button.

Instead of the above set of codes, paste the following for compact version.

<div style='float:right; margin-left:10px;'>
<script type="text/javascript">
tweetmeme_style = 'compact';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>

You can paste it either above <data:post.body/> or below as per your liking. The customization part is same as the Full version of the Tweetmeme retweet button. Any doubts implementing this hack? Do drop a comment here..

Get our expert testking 70-663 study guide and testking 646-229 design tutorials to prepare by successful designers to help you learn the best web designing practices. Become expert designer with testking 1z0-051 course.