Cara Mudah Membuat Facebook Like Box Valid HTML5

 

Banyak para sahabat blogger yang mengeluh Facebook Like boxnya tidak valid HTML dan 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"


Mudah sekali bukan Cara membuat facebook like box yang valid html ?Sekarang coba cek seo score kalian. Bakalan lulus uji Iframe tuh :D hehe selamat mencoba!

Yuk ikutan kontes seo, hadiahnya lumayan loh 100jt Klik link berikut Kontes SEO IDdetik.com

Tweet