Skip to main content
KOMPI AJAIB

follow us

Cara Memperbaiki Komentar Facebook Tidak Responsive Di Blogger

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.

You Might Also Like:

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar