Komentar Facebook Responsive Dengan CSS

Pengguna facebook kian lama kian bertambah. Mulai dari anak remaja, dewasa, hingga yang tua pun tidak mau kalah. Dan sekarang ini kebanyakan menggunakan mobile smartphone untuk mengakses informasi di internet.

Maka dari itu bagi yang mempunyai web/blog, permudahlah pengunjung dalam memberikan komentar. Salah satunya dengan memasang komentar facebook.

Dengan banyaknya pengguna smartphone, maka saya akan memberikan tutorial bagaimana membuat komentar facebook menjadi responsive dengan CSS. Karena pada dasarnya script dari komen FB tidak disertakan fitur responsive, dengan begitu kita harus memodifikasinya sendiri.

Sebenarnya ada 2 cara untuk membuatnya menjadi responsive:

Dengan JavaScript
Dengan CSS

Dengan JavaScript sudah saya bahas di artikel sebelumnya di http://www.aplikasi-android.net/2013/09/cara-memasang-komentar-facebook-responsive-di-blog.html

Bagi yang belum tahu bagaiman memasang komen facebook di blog bisa memabaca di tautan ini http://www.aplikasi-android.net/2013/07/cara-memasang-kotak-komentar-facebook.html.

Berikut cara memodifikasi komentar facebook dengan CSS:

1. Login ke blogger.com

2. Masuk ke template > edit HTML

3. Cari </b:skin> (Gunakan CTRL+F) untuk mempermudah pencarian

4. Tambahkan kode CSS ini, diatas kode </b:skin>

#container-commentfb { width: 100% !important;}

5. Simpan

Jika ada kesulitan silahkan tanyakan di kolom komentar.

Fitur diatas akan bekerja baik jika kamu juga menggunakan Template Blogger Responsive. Semoga tutorial diatas bisa di pahami dan diterapkan di blog kamu.