Kotak Komentar Facebook Versi Terbaru Tahun 2011
Ternyata saya sudah mendapatkan bagaimana cara membuat atau memasang kotak komentar facebook yang bisa di replay atau di balas layaknya memberikan komentar di status facebook.
Kotak komentar atau lebih dikenal dengan Comments Box facebook ini juga dapat mengirimkan pemberitahuan kepada admin atau pemilik suatu halaman website jika seseorang meninggalkan komentarnya di halaman site tersebut.
Berbeda dengan kotak komentar facebook versi dulu yang tidak memiliki fiture replay (balas), like (suka) atau notification (pemberitahuan) jika seseorang meninggalkan komentar.
Berikut contoh gambar komentar tersebut :
Bagi sobat yang suka buka developers.facebook.com pasti mengenal model komentar tersebut soalnya memang hanya di gunakan di developers.facebook.com komentar yang seperti itu. Tapi sekarang tidak lagi soalnya sudah saya share di sini 
Jika seseorang meninggalkan komentar dengan menggunakan akun facebooknya, maka di dinding atauwall facebooknya akan ada seperti contoh gambar di bawah ini :
Pasti saya yakin banget kalau sobat-sobat penggila blog juga pengen komentar seperti ini menghiasi blog sobat biar sedikit berbeda daripada yang lain.
Langsung ke tahap pemasangannya saja bagi yang pengen fiture ini.
Saya juga langsung membuat tampilan komentar ini dihiasi menggunakan CSS.
Saya juga langsung membuat tampilan komentar ini dihiasi menggunakan CSS.
Langkah 1
Pertama kali sobat copas dulu kode CSS nya, letakkan di atas kode </head>.
Pertama kali sobat copas dulu kode CSS nya, letakkan di atas kode </head>.
<style type='text/css'>.fb_komen_box {margin-top:10px;-moz-border-radius:10px 10px 10px 10px;border-radius:10px;background-color:;border:1px solid #2B2B2B;margin-bottom:10px;padding:10px 7px 45px;}.fb_komen_atas {width:400px;height:24px;padding:0;margin:0 0 5px;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVzgmM_ii-uzNCXxGi157MCPTi5zE0IECGP0f40D7fKMgq3dDpnT8mGCytacyHcXTc5SVOetFPDhEejhtt7rFph7vGFC-nipmNA9Aeif3NgdIqnZYR4kbFBV8q0nth_3uRU_5OlhAdR8gY/s1600/fb_koment_like.jpg") no-repeat scroll left top transparent;}.fb_komen_atas a {width:214px;height:24px;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPq1nexmwRYs0ZQW4QhkeUXnlBmwSL0QAgQpeQlaVoq6ndGSjFYSGRLlirR-8-MW2fi_7Km1Y2FMKh_ny9tAhoOjR56JEpet70SD57z9qT4d0mMVoUA5uDfYxlUqpBpidr6J15ak642w/") no-repeat scroll left top transparent;display:block;margin-left:390px;text-indent:-5000px;}.fb_komen_isi {-moz-border-radius:10px 10px 10px 10px;border-radius:10px;background:none repeat scroll 0 0 #FFF;padding:12px 12px 0 12px;}.fb_tombol{background-color: #fff;-moz-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; -goog-ms-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px; border:1px solid #2B2B2B; border-bottom:1px solid #2B2B2B; border-right:1px solid #2B2B2B; font-size:10px; padding:2px 5px;width:ancho; float:right; margin-top:15px;}</style>
Langkah 2
Copy paste kode berikut di bawah tag <head>
Copy paste kode berikut di bawah tag <head>
<meta content='ID_APLIKASI' property='fb:app_id'/> <meta content='ID_PROFIL_FACEBOOK' property='fb:admins'/>
Langkah 3
Selanjutnya temukan kode <data:post.body/>. Jika sobat menggunakan auto readmore, paste kode di bawah ini setelah <data:post.body/> yang ke-2.
<b:if cond='data:blog.pageType == "item"'>
<div class='fb_komen_box'><div class='fb_komen_atas'>
<a href='http://www.facebook.com/AzhokA.sonderberbagi' target='_new' title='Become a fan'>Become a Fan</a></div><div class='fb_komen_isi'><div id='fb-root'/><script>window.fbAsyncInit = function() {
FB.init({appId : 'ID-APLIKASDI_ANDA',status : true,cookie : true,xfbml : true});};(function() {var e = document.createElement('script');e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';e.async = true;document.getElementById('fb-root').appendChild(e);}());</script><fb:comments expr:href='data:post.url' expr:title='data:post.title' migrated='1' width='450'/></div><div class='fb_tombol'><a href='http://www.azhoka-rjnet.co.cc/2011/05/kotak-komentar-facebook-versi-terbaru.html/' style='color:#2828e7;' target='_blank' title='Comment Box Facebook !'>Comment Box !</a></div></div></b:if>
- Ganti ID_APLIKASI dengan ID_APLIKASI anda.
- Ganti ID_PROFIL_FACEBOOK dengan ID_PROFIL_FACEBOOK anda.
- Ganti kode yang berwarna Biru dengan URL Fans Page facebook blog atau Halaman Aplikasi facebook sobat. Jika tidak memiliki halaman Fans Page Facebook, tag <a href itu ada baiknya dihapus (ngomong-ngomong).
- Ganti angka 450 dengan ukuran lebar yang anda inginkan untuk lebar comment box nya.
Jangan lupa komentarnya......
Source : http://adityameilaz.blogspot.com/2011/03/kotak-komentar-facebook-versi-terbaru.html
0 komentar:
Post a Comment