Tapi kali ini saya akan memodifikasi komentar facebook di blog kita menjadi responsive , sehingga pengunjung mengakses blog anda dalam bentuk apapun dapat berkomentar di blog anda menggunakan komentar facebook dengan nyaman , karena udah di modif responsive . untuk cara pembuatanya hampir sama dengan komentar facebook yang lainya kita hanya menambahkan widht menjadi ukuran 100% dan menambahkan java script agar widht 100% tadi bekerja , karena kalau tidak dikasih java script ukuran widht 100% tidak akan bekerja , ukuran widht default komen facebook menggunakan ukuran pixel ( px )
Berikut Cara Memabuat dan Memasang komen Facebook Responsive di blog
- Pertama pergi ke editor template , lalu pasang meta content berikut dibawah kode
<head>
Ganti<meta content='FB Profile ID' property='fb:admins'/>
<meta content='App ID' property='fb:app_id'/>Profile IDdanApp IDdengan ID facebook anda
Untuk mengetahuiID facebookanda , silahkan baca cara mengetahui id facebook kita - Kemudian cari kode
</head>(gunakan Ctrl+F untuk memudahkan) Copy-Paste kode berikut di atas atau sebelum kode</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> - Selanjutnya pasang html berikut tepat dibawah
<data:post.body/>( biasanya kode tersebut lebih dari 2 , sobat pilih aja yang terakhir atau di coba satu persatu ) <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='600'/></div>
</b:if>- Langkah Terkahir Simpan Template dan Lihat Hasilnya
Nah gimana ? mudahkan Cara Mudah Membuat dan Memasang Kotak Komentar Facebook Responsive di Blog ? pastinya mudah dong , karena tutor diatas cukup jelas untuk menerapkan komentar responsive facebook di blog , hehhehe , namun jika masih kesulitan silahkan tanya dengan berkomentar dibawah
Share this
Sign up here with your email
✖ Komentar dengan isi Link Aktif, Promosi, atau mengandung unsur Sara akan dihapus.
✔ Bila ingin riquest, bertanya, atau sekedar say hi aja, silahkan ke halaman OOT
✔ Untuk menyisipkan kode, silahkan parse lalu copy dan paste hasil parse ke kolom komentar.
ConversionConversion EmoticonEmoticon