Thursday, April 29, 2010

Memasang Butang Facebook Like Pada Setiap Entri Blogspot

Kali ini aku nak ajar anda semua satu tip baru iaitu bagaimana caranya memasangkan butang facebook like pada setiap entri blogspot anda. Apa yang bagusnya dengan memasangkan butang ini ialah apabila anda terbaca sebuah entri menarik di blog rakan anda, anda hanya perlu klik butang facebook like tersebut dan entri rakan anda akan diletakkan secara automatik pada wall facebook anda. Jadi teman2 anda di facebook pasti tertarik untuk melihat apa yang anda like kan tersebut.

Untuk memasangkan butang facebook like pada setiap entri blogspot sila ikuti langkah2 dibawah :

Langkah 1 :

Pergi dashboard > Layout > Edit HTML dan muat turun terlebih dahulu template anda.

Langkah 2 :

Tickkan pada Expand Widget Templates

Langkah 3 :

Carikan kod <data:post.body/> dengan menekan Ctrl + F pada papan kekunci anda

Langkah 4 :

Masukkan kod dibawah selepas kod <data:post.body/>


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

Lihat pada contoh gambar dibawah dimana kod tersebut diletakkan :

Langkah 5 :

Savekan template anda dan lihat hasilnya

Bagi pengguna Wordpress anda boleh dapatkan plugin di SINI. Kredit untuk ARC13! untuk info bagaimana pemasangan butang Facebook Like ini. Gambar dibawah adalah contoh apabila anda like kan pada entri yang berkenaan.

Update :

Bagi yang teringin memasangkan butang Facebok Like pada atas entri blog anda sila carikan kod <div class='post-body entry-content'> dan masukkan kod pada langkah 4 sebelum kod <div class='post-body entry-content'>

Nota : Kat blog awek aku pun dah pasangkan. lalala. "Grab it while you can". ceh ayat. haha

If you think this entry useful, just click Facebook Like button bellow :
blog comments powered by Disqus
Related Posts with Thumbnails