Cara Memasang Facebook Like / Recommend Di Blogger - Facebook telah menyetting sebuah plugin sosial baru yang memungkinkan kita untuk berbagi pengalaman menarik atau hal yang disukai di sebuah website atau blog kepada pengguna lainnya hanya dengan sebuah tombol.Contohnya seperti tombol diatas. Tombol ini akan terpasang di seluruh halaman posting blog, dan untuk setiap halaman posting berbeda-beda jumlah orang yang "like/recommend". Jumlahnya tergantung berapa banyak orang yang menyukai halaman / postingan tersebut.
Bagaimana menambahkan tombol facebook like di setiap post?
- Memasang Tombol di template Blogspot/Blogger (XML)
1. Login ke akun Blogger dan buka menu Layout > Edit HTML dan klik "Expand Widget Templates"2. Cari kode <data:post.body/>, dan simpan kode tombol facebook like dibawah ini persis dibawahnya.
<b:if cond='data:blog.pageType == "item"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url +
"&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
</b:if>Kode ini hasilnya berupa tombol Like.
3. Simpan Template.
b) Coba ganti colorscheme=light menjadi colorscheme=dark atau colorscheme=evil.
</b:if>Kode ini hasilnya berupa tombol Like.
3. Simpan Template.
Pilihan style untuk tombol.
a) Coba ganti action=like menjadi action=recommend. Dan hasilnya seperti tombol dibawah ini.b) Coba ganti colorscheme=light menjadi colorscheme=dark atau colorscheme=evil.
c) Sobat juga bisa mengganti jenis huruf yang digunakan dengan mengganti font=arial dan ganti dengan:
- font=lucida+grande
- font=font=segoe+ui
- font=font=tahoma
- font=trebuchet+ms
- font=font=verdana
- Memasang Tombol di Sidebar/Widget/Halaman Statis (HTML)
<script type="text/javascript">
document.write('<iframe src="http://www.facebook.com/plugins/like.php?href=' + escape(location.href) + '&action=like&layout=standard&show_faces=true&width=100%&font=arial&colorscheme=light" allowTransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:100%; height:25px;"></iframe>');
</script>
