Pada hari yang cerah ini saya akan memberikan sedikit pengetahuan tentang bagaimana cara membuat tombol like facebook di blog, tombol ini akan berada di bawah postingan blog anda, jadi apabila seseorang telah selesai membaca artikel atau postingan yang anda buat dan mereka sebagai pengunjung blog menyukai artikel anda, mereka bisa meng-klik tombol like facebook yang telah anda buat atau pasang.
berikut ini adalah cara membuat tombol like facebook di blog :
berikut ini adalah cara membuat tombol like facebook di blog :
1. login ke blog anda apabila anda belum masuk
2. klik Rancangan
3. klik Edit HTML
4. centang kotak kecil disebelah Expand Template Widget
5. cari seperti kode berikut ini
<data:post.body/>
letakkan kode disini <div style='clear: both;'/> <!-- clear for photos floats --> </div>
6. copy dan paste kan kode berikut ini di tempat tulisan yang berwarna merah
7. atau anda ingin meletakkan tombol like facebook di atas postingan, tinggal copy kode no. 6 tersebut di atas kode <data:post.body/>
8. klik simpan template
3. klik Edit HTML
4. centang kotak kecil disebelah Expand Template Widget
5. cari seperti kode berikut ini
<data:post.body/>
letakkan kode disini <div style='clear: both;'/> <!-- clear for photos floats --> </div>
6. copy dan paste kan kode berikut ini di tempat tulisan yang berwarna merah
<div class='facebook-like'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "& action=like& layout=standard& show_faces=false&width=400& font=arial& colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:25px;'/>
</div>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "& action=like& layout=standard& show_faces=false&width=400& font=arial& colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:25px;'/>
</div>
7. atau anda ingin meletakkan tombol like facebook di atas postingan, tinggal copy kode no. 6 tersebut di atas kode <data:post.body/>
8. klik simpan template
Baca Ini Juga: