Facebook adalah sosial media yang mempunyai fasilitas yang cukup bagus dalam hal untuk membantu suatu blog atau website kita, entah itu dari jangkauan view ataupun Lalu lintas kunjungan blog/website seperti artikel yang saya tulis kemarin
klick disini. Untuk kesempatan ini kita mencoba memahami dan menerapkan dari salah satu fasilitas facebook, yaitu
Comments Facebook.
Comments Facebook adalah salah satu fasilitas pada facebook yang ber-fungsi untuk Tools ber-komentar pada postingan yang telah di terbitkan atau halaman yang ingin di komentari. Comments Facebook ini bukan hanya bermanfaat untuk ber-komentar, tapi juga share auto, maksudnya apabila ada seseorang yang berkomentar melalui kotak komentar Comments Facebook ini maka halaman yang di komentari akan di share di beranda facebook seseorang yang berkomentar, dan ini salah satu manfaat besar untuk promosi blog/facebook ke jangkauan yang lebih luas.
Secara global, pengaturan awal untuk comments facebook adalah sebagai berikut :
- Buka link berikut https://developers.facebook.com/docs/plugins/comments, maka akan muncul seperti gambar dibawah :
- Coppy paste url anda yang ingin ditambahin comments facebook di form Url to Comment on serta atur ukuran yang anda inginkan dan pengaturan lainnya.
- Next klick Get Code, dan akan muncul seperti gambar di bawah :
- Copy paste kan kode yang muncul di halaman blog anda.
Dari langkah di atas, itu merupakan langkah secara umum, namun bagaimana apabila kalo halaman blog atau website itu terbentuk dari PHP atau auto post seperti halnya blogger ini. berikut saya susun skript yang sesuai dengan blogger.
<!-- facebook comment here -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<b:if cond='data:blog.pageType == "item"'>
<div style='background:#ffffcc;box-shadow:1px 1px 5px rgba(1,1,1,.1);border:1px solid #fff;margin:10px 0;padding:8px;'>
<div class='fb-comments' data-num-posts='5' data-width='610' expr:data-href='data:blog.url' />
</div>
</b:if>
<!-- facebook comment here -->
- Copy paste code diatas di tempat yang ingin anda tambahkan, kalo saya pribadi lebih suka menerapkan kode comments facebook masih dalam tempat post tapi di letakkan setelah postingan pastinya. Tapi umumnya letakkan kode di atas tepat dibawah </footer>.
- Save tamplate, dan lihat blog. dan silahkan nikmati.
Sekian share dari pengalaman yang telah kami lakukan., inti dari kode diatas adalah expr:data-href='data:blog.url' , Kode ini merupakan link halaman yang telah di terbitkan. Bagaimana jika anda ingin meletakkan kode comments facebook itu di website yang teleh anda bangun melalui pemrograman PHP atau yang lainnya, mungkin pembaca yang telah memahami PHP sudah bisa membayangkan-nya., atau mungkin bisa kita bahas di artikel selanjutnya. Sekian.
Title : Membuat Comments Facebook Pada Post Blogger
Description : Facebook adalah sosial media yang mempunyai fasilitas yang cukup bagus dalam hal untuk membantu suatu blog atau website kita, entah itu ...