Cara Menciptakan Kotak Komentar Facebook Pada Postingan Blog
Kolom komentar yang ada di setiap postingan blog kita secara default berdasarkan template dari blogger belum terdapat plugin facebook. Sedangkan calon pengunjung blog kita sangatlah beragam. Mereka tidak saja hanya membaca dan menyimak ulasan dalam blog kita, namun pula ingin berkomunikasi melalui pertanyaan atau jawaban dalam kolom komentar. Beberapa diantara mereka 'hanya' mempunyai akun facebook.
Sehingga untuk mempermudah mereka memasukkan respon atas postingan yang mereka baca, maka perlulah kiranya disediakan komentar khusus untuk facebook ini.
Sehingga untuk mempermudah mereka memasukkan respon atas postingan yang mereka baca, maka perlulah kiranya disediakan komentar khusus untuk facebook ini.
Artikel terbaru Featured Post, Widget Blogger Terbaru (Fungsi, Manfaat dan Cara Pemasangannya).
Cara membuat kotak komentar facebook pada postingan Blog
Ada bermacam-macam cara para master blogger menawarkan ulasan perihal cara menciptakan komentar untuk facebook. Bahkan facebook sendiri pun telah menyediakannya. Namun saya tertarik dengan aba-aba yang dishare oleh sobat blogger dengan ID Mas Yadi. Beliau menciptakan beberapa aba-aba yang terbukti ampuh untuk menyesuaikan kolom komentar yang responsive. Kaprikornus sangat fleksibel penggunaannya. Caranya yakni sebagai berikut.
1. Masuk ke akun blogger, kemudian menuju mode HTML pada hidangan template. Kemudian pastekan aba-aba di bawah ini sempurna di bawah <head>.
<meta content='ID Profil FB' property='fb:admins'/>
<meta content='App ID' property='fb:app_id'/>
Ganti ID Profil FB dengan ID profil fb milik sahabat.
2. Setelah selesai, pastekan aba-aba di bawah ini sempurna di atas aba-aba </head>.
<script type="text/javascript">
//<![CDATA[
$(window).bind("load resize", function(){
var url = location.protocol+'//'+location.host+location.pathname;
var containercm_width = $('#container-commentfb').width();
$('#container-commentfb').html('<div class="fb-comments" ' +
'data-href="'+url+'"' +
' width="' + containercm_width + '" data-num-posts="10"></div>');
FB.XFBML.parse( );
});
//]]>
</script> 3. Kemudian pastekan aba-aba di bawah ini sempurna di bawah kode <data:post.body/>.
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div id='container-commentfb' style='width: 100%;'><fb:comments expr:href='data:post.url' num_posts='10' width='500'/></div>
</b:if>
Keterangan:
Sahabat sanggup merubah jumlah komentar yang ditampilkan dengan mengedit angka pada num_post. Ukuran lebarnya sudah default koment facebook memakai ukuran pixel.
Artikel pilihan Manfaat Klik Preview Sebelum Publish yang Tak Terduga.
Catatan:
Kode <data:post.body/> biasanya terdapat lebih dari 1. Saya sarankan untuk mencobanya satu per satu dengan memakai kemudahan Preview template untuk melihat hasil sementara.
4. Setelah selesai, akhiri dengan Save template.
Hasilnya akan terlihat ibarat gambar berikut.
Kini blog sobat mempunyai kemudahan gres berupa kolom komentar khusus pengguna facebook.
Demikian ulasan cara menciptakan kotak komentar facebook pada postingan blog ini. Semoga bermanfaat.
0 Response to "Cara Menciptakan Kotak Komentar Facebook Pada Postingan Blog"
Posting Komentar