Tutorial Pasang Facebook Like & Retweet Button

Dah lama saya tak berkongsi tutorial kat sini kan..hehehe.. Sebenarnya, banyak tutorial yang ingin saya kongsikan, tapi masa tak berapa mengizinkan..hohoho.. Tanpa melengahkan masa lagi, jom kita tengok cara-cara untuk pasang Facebook Like & Retweet Button pada setiap entri..

Macam biasa, 1st sekali pi kat Dashboard > Design > Edit HTML, then tick Expand Widget Templates. Untuk langkah keselamatan, sila backup dahulu template uols. Dengan menggunakan CTRL + F, search <div class='post-header-line-1'>, jika kod tersebut tiada, uols boleh menggantikannya dengan kod <div class='post-header-line-1'> ataupun <data:post.body> macam kat bawah ni..

Untuk Facebook Like button, copy coding ini dan paste di bawah kod tersebut.. Yang kaler hijau tu, uols leh tukar kedudukan button samaada nak right or left. Begitu juga yang kaler merah tu, boleh ditukar saiz button ini mengikut kehendak uols.

<div style='float:left;padding:4px;'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show-faces=true&width=450&height=80&action=like&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height::80px'/>
</div>
 

Untuk retweet button, copy coding ni dan paste dibawah coding like button ni (saya buat camgitu ler..) Nak letak kat atas coding like button pon boleh, asalkan di bawah <data:post.body>. Macam saya hari tu, banyak kali adjust jugakla nak bagi comey2 je terletak dua-dua button ni..

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

p/s : Credit to maribinablog. Kay, selamat mencuba..