Facebook Like Box Valid HTML5

Sekarang saya ingin membagikan tips yang sama agar Like Box Facebook juga Valid HTML dan responsive.
Dewa Teknik
Facebook Like Box

Pada postingan sebelumnya tentang Cara Membuat Widget Formulir Kontak terdapat keunikan dalam blog setelah memasangnya. Secara tidak sadar widget tersebut telah memenuhi Valid HTML. Tidak hanya formulir kontak, sekarang saya ingin membagikan tips yang sama agar Like Box Facebook juga Valid HTML dan responsive. Karena kedua elemen tersebut sangat penting bagi SEO dan baik tidaknya elemen yang terdapat dalam sebuah blog. Widget ini berguna untuk menampilkan admin yang berada di Facebook. Widget ini juga penting untuk meningkatkan traffic blog. Bagaimana tidak, beberapa artikel kita akan terindex oleh fanspage facebook. Untuk itu para sobat blogger dianjurkan untuk memasang widget ini. Berikut langkah-langkah membuatnya:
  1. Login ke akun blogger sobat. Jika belum login klik tautan berikut: Login Page.
  2. Pada menu Dashboard, Pilih Layout --> Add Widget.
  3. Kemudian pilih widget sebagai HTML/Javascript.
  4. Letakkan kode dibawah ini didalam teks editor widget.

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

    Ganti tulisan "www.facebook.com%2Fbacil.software&amp;" dengan nama fanspage sobat

    Ganti tulisan "appId=358342137604696"" dengan app ID Facebook sobat.

  5. Kemudian simpan widget. Klik link dibawah ini untuk melihat demo.



Sekian tutorial kali ini, semoga bermanfaat bagi kita semua.
Dewa Teknik