03 May 2011

Menambahkan Facebook Send Button Pada Blog

Facebook kembali meluncurkan fitur terbarunya untuk pengguna website. Setelah sukses dengan facebook like button dan facebook comment, kini perusahaan jejaring sosial terbesar itu kembali meluncurkan Facebook send button. Kali ini saya mencoba untuk sedikit membahas tentang cara pemasangannya pada blog. Untuk pemasangannya sendiri cukup mudah, kita hanya menambahkan kode berikut ini.

Facebook Send Button
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:send colorscheme='light' expr:href='data:post.url' font='arial'/>

Facebook Like Button + Send Button
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/><fb:like colorscheme='light' action='like' layout='standard' expr:href='data:post.url' font='' send='true' show_faces='false' width='450'/>

1. Klik design kemudian edit template
2. Centang expand template widgets
3. Jangan lupa back up template untuk berjaga-jaga
4. Pasang kode di atas di bawah <data:post.body/>
5. Jika menggunakan readmore, pasang di bawah <data:post.body/> yang terakhir atau juga bisa di bawah <div class='post-footer'>
6. Jika ingin tampil hanya pada postingan saja, tambahkan kode berikut.
<b:if cond='data:blog.pageType == &quot;item&quot;'>

Letakkan kode disini

</b:if>

7. Terakhir save template.

Semoga bermanfaat.
Alhamdulillah...

No comments:

Post a Comment