Beberapa waktu lalu saya pernah membahas tentang "Facebook Like Box valid HTML5" dan kali ini saya akan membahas tentang Facebook Like Box Responsive Valid HTML5, ini sama dengan postingan sebelumnya yaitu sama-sama valid html5 atau lolos dari w3c validator. Script yang digunakan sama-sama dari developer facebook tetapi untuk postingan ini menggunakan script yang lama yaitu dengan menggunakan iframe yang dibungkus dengan javascript agar bisa valid html5 atau lolos dari w3c validator dan facebook like box ini juga dibuat menjadi responsive. Tips ini saya dapatkan dari MKR-Site / Mas Satank MKR.
Berikut cara menambahkan widget Facebook Like Box Responsive Valid HTML5:
1. Login Akun Blogger anda masing-masing
2. Pada Dashboard pilih Tata Letak » Tambah Gadget » HTML/JavaScript
3. Masukkan kode berikut ini kedalam formulirnya

<script type="text/javascript">
document.write('<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages02.MDF&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23f7f7f7&amp;stream=false&amp;header=false&amp;appId=134154613417459" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:258px;width: 100%;background: transparent;" allowtransparency="true"></iframe>');
</script>

4. Simpan
5. Simpan Setelan
// Pengaturan 
pages02.MDF //ganti dengan ID facebook like anda, contoh: http://www.facebook.com/pages02.MDF
f7f7f7 //ganti dengan warna yang sesuai dengan template anda, contoh: warna merah FF0000 
134154613417459 //ganti dengan ID aplikasi facebook anda jika perlu
transparent //ganti dengan warna background anda, contoh: white, black, blue dll

Demikian artikel tentang Facebook Like Box Responsive Valid HTML5 ini, semoga bermanfaat untuk anda.