Tutorial 1 = Adding Retweet Button

hye peeps!!! 


tweet.,.tweet.,.,tweet.,.mesti korang sume ade akaun twitter kan.,ni 1st tutorial saya.,.mungkin ramai yang dah tau coding neh.,but sharing is caring rite.,.kali ni nak share macam mana nak tambah retweet button kat blog post. Ada 4 jenis button.,korang pilih la mane yang korang suke...=)

korang ikut je steps kat bawah :

1.
Dashboard > Layout > Edit HTML > Tick Expend Widget  Template


2.
Find


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


paste code yang korang nak selepas code di atas

3.
Pilih code mengikut position dan style yang korang nak.Jangan lupe edit twitter user name korang ye.,.

Normal right

<div style="float:right;padding:4px;">

<script type="text/javascript">

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

tweetmeme_source = 'your_twitter_user_name';

</script>

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

</div>

Normal Left

<div style="float:left;padding:4px;">

<script type="text/javascript">

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

tweetmeme_source = 'your_twitter_user_name';

</script>

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

</div>

Compact right

<div style="float:right;padding:4px;">

<script type="text/javascript">

tweetmeme_style = 'compact';

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

tweetmeme_source = 'your_twitter_user_name';

</script>

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

</div>

Compact left

<div style="float:left;padding:4px;">

<script type="text/javascript">

tweetmeme_style = 'compact';

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

tweetmeme_source = 'your_twitter_user_name';

</script>

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

</div>

4.

Save template korang.Da siap!!!selamat mencuba =)