1. I don't do tutorials anymore.

2. I rarely update my blog due to my health condition.

Thanks for your concern :)

Monday, November 22, 2010

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'>
<div class='post-footer'>
3. After that, copy the code below ;
<div style='float:left;padding:4px;'>
var tweet = {url : " <data:post.url/>", count: "horizontal", via: "hudAoki", text: " <data:post.title/>" }</script> <script src=''/> </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 ;
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

5 orang rasa saya gemuk tapi hot. aww:

Izatie said... REPLY

Eh babe i baru tercari cari mcm mane nak buat! Haha. Thanks for sharing :)

♥::NoRuLe FeRuZ::♥ said... REPLY
This comment has been removed by the author.
♥::NoRuLe FeRuZ::♥ said... REPLY

hyeppp dear it's oledy work..thanx neway,

FeeQ said... REPLY

Tutorial How to Add Facebook Like Button and Twitter Button on Your Blog:

hudhud said... REPLY

@FeeQthanks :)

Post a Comment

Next Previous Home