Macam yang saya bagitau kat entri Blog NBH sudah berCL, saya nak share ngan uols tutorial letak Facebook Like, Retweet dan G+ One Button di entri blog macam kat blog Belle ni. Dah lama kan saya tak kongsi tutorial kat blog ni kan.. Tapi kali ni saya share yang Facebook Like Button dulu yer..
Macam biasa, pi kat Dashboard > Design > Edit Html... Sebagai langkah keselamatan, sila save dulu template uols sebagai backup.. Pehtu, tick kat Expand Widget Templates, then search <data:post.body/>, copy code kat bawah ni dan paste selepas <data:post.body/>. Kalau nak letak sebelum entri, paste sebelum <data:post.body/>.
<div>
<b:if cond='data:post.isFirstPost'>
<script>(function(d){
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if>
<fb:like expr:href="data:post.url" layout='button_count' send='false' show_faces='false' font="arial" action="like" colorscheme="light"></fb:like>
</div>
Then, uols cari </html> dan tukarkan kepada </html xmlns:fb="https://www.facebook.com/2008/fbml">, rujuk gambar kat bawah ni..
Dah adjust comey-comey, preview pon dah berkenan di hati, maka uols leh save dan voila!! ^_* Kalau uols nak bentuk button like lain, boleh tengok kat link credit kat bawah ni..
Credit : BloggerPlugins
Nak insentif tunai, Klik SINI
Suka entri ini, meh picit button kat bawah ni:
14 Comments
