Cara Memperbaiki Komentar Facebook Tidak Responsive Di Blogger

Ditulis oleh: Adhy Suryadi

Ditulis pada: 6/27/2019

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.

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'/>

Bagaimana, mudah bukan?

Selamat mencoba.