Tutorial - how to put twitter share button on post entry

Someone requested in on Formspring !

1. As usual, go to Design > Edit HTML. Then click on 'Expand widget templates'

2. Click ctrl and F on keyboard. And find either 3 of this code ;

<div class='post-body entry-content'>

or

<data:post.body/> 

or

<div class='post-footer'>

3. After that, copy the code below ;

<div style='float:left;padding:4px;'>
<script>
var tweet = {url : " <data:post.url/>", count: "horizontal", via: "hudAoki", text: " <data:post.title/>" }</script> <script src='http://orkut-share.googlecode.com/svn/trunk/tweet.js'/> </div>

You can change the 'horizontal' part to any part you like. If you want no count just change it to 'none' and vertical is still the same 'vertical. And also not forgetting change 'hudAoki' with your twitter name.

4. If you want your button on top of the post, just like mine, u can paste the code in Step 3 before this code

<div class='post-body entry-content'>

5. If you want the button to be exact before your first word, paste the code in step 3 after this code ;

<div class='post-body entry-content'>

or before this code ;

<data:post.body/>  

6. And lastly , if you want the tweet button to be on below of your post, paste the code in Step 3 after this code ;

 <div class='post-footer'>

7. Don't forget to preview your page first before saving ! :D

P/S : Tutorial credit to http://www.ubipanas.com/