Membuat Facebook Like Box Valid HTML5

  

Banyak para sahabat blogger yang mengeluh Facebook Like boxnya tidak valid HTMLdan sering error saat mengecek SEO Score di chkme.com. Pada umumnya blogger tidak mensupport Iframe, Iframe inilah yang digunakan untuk membuat sebuah facebook like box. Bagaimana cara memperbaikinya? Nah akan saya bahas disini ....

Cara Mudah Membuat Facebook Like Box Valid HTML5

Baiklah ini dia caranya :

1. Klik blog kesayangan anda
2. TATA LETAK lalu Add Gadget
3. HTML/Javascript. Masukkan kode ini kedalam box besarnya :v

<div id="fb-root"></div>
<script type="text/javascript">(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
/* <![CDATA[ */
document.write('<div class="fb-like-box"  data-href="https://www.facebook.com/pages/Mas-Soma/567199603368924" data-width="292" data-show-faces="false" data-stream="false" data-header="false"></div> </div>');
/* ]]> */
</script>

     4. Klik  save.

NOTE :
Ganti yang berwarna merah dengan :
Alamat facebook fans page anda.
data-width="292" // ukuran like box
data-show-faces="false"  // If "true" menampilkan wajah orang yang like fp kamu
data-stream="false" // If "true" menampilkan postingan fp kamu
data-header="false // If "true" menampilkan tulisan "Find Us On Facebook"