Cara Memperbaiki Komentar Facebook Tidak Responsive Di Blogger

Saat ini Facebook sudah memperbaharui kode untuk plugin komentar Facebook. Jadi bagi Anda yang menggunakan komentar Facebook di blog, silahkan cek komentar Facebook di blog Anda.
 
Apakah komentar Facebook di blog Anda masih responsive?

Responsive artinya lebar komentar Facebook 100% mengikuti lebar tempat yang disediakan. Jika tidak, berarti blog Anda masih menggunakan kode lama dan perlu diperbaiki agar menjadi responsive.

Komentar Facebook tidak responsive

Jika demikian, berarti kode komentar Facebook blog Anda masih seperti berikut ini:

<div class='fb-comments' data-numposts='5' expr:data-href='data:post.url' id='fb-comment'/>

Biasanya untuk menjadikannya responsive, kita bisa menggunakan CSS width:100%; pada iframe komentar Facebook. Namun CSS ini sekarang sudah tidak berfungsi.

.fb-comments iframe {

    width: 100%;

}

Nah, untuk memperbaikinya agar menjadi responsive ternyata cukup mudah.
Kita tinggal menambahkan kode data-width="100%" pada kode komentarnya menjadi seperti berikut ini.

<div class='fb-comments' data-numposts='5' data-width='100%' expr:data-href='data:post.url' id='fb-comment'/>

Komentar Facebook sudah responsive kembali

Bagaimana, mudah bukan?
Selamat mencoba.