Widget Facebook Like Box Responsive Valid HTML For Blogger

Like Box atau kotak suka terhadap suatu website telah banyak di pasang pada website dan blog-blog. Namun, apakah rekan-rekan sudah mengecek kalau script FB tersebut valid HTML ? Sekedar info bahwa valid HTML bagi sebuah website atau blog sangat diperlukan karena dapat meningkatkan dukungan website terhadap berbagai macam browser. Selain itu, dengan valid HTML akan semakin disukai oleh crawler yang berasal dari Google, Yahoo maupun Bing, namun ada juga yang punya kepercayaan berbeda tentang hal ini, bahwa valid atau tidak sebuah web, tidak berkaitan dengan SEO, sampai sekarang memang belum ada bukti pasti keterkaitan ini, namun berdasarkan pengalaman penulis jika web semakin mendekati valid HTML semakin cepat terindex di mesin pencari, masih tidak percaya ? coba saja.

Kembali ke bahasan. Script Like Box FB yang dibuat oleh Developer Facebook (sampai artikel ini ditulis) kenyataannya tidak valid HTML ! Adakah cara untuk membuat valid script tersebut ? Tentu saja ada, sebenarnya membuat valid script FB like box tidaklah sulit karena bagian script tersebut yang tidak valid hanyalah karena penggunaan atribut-atribut yang tidak di dukung oleh HTML. Jika rekan-rekan tertarik untuk Memasang widget Facebook Like Box Responsive Valid HTML di Blogger, silahkan ikuti langkah-langkah singkat berikut :

• Seperti biasa Login ke Akun Blogger masing-masing
• Pada Dashboard pilih >> Tata Letak >> Tambah Gadget >> HTML/Javascript
• Masukan Kode berikut kedalam formulirnya

<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/fenutocom/187074698654" data-width="292" data-show-faces="true" data-show-border="false" data-stream="false" data-header="false" data-border="transparent"></div>');
/* ]]> */
</script>

• Simpan formulir HTML/Javasricpt
• Simpan setelan Blog
• Selesai

Facebook Like Box yang saya share ini sedikit berbeda dari yang lain, ada penambahan attribut "data-show-border" untuk menampilkan dan menghilangkan border, bagi sebagian Blogger border semacam ini cukup mengganggu penyusunan widget pada blognya yang berpengaruh pada tampilan.

Pengaturan :

Ganti  "https://www.facebook.com/pages/fenutocom/187074698654" dengan halaman Facebook rekan-rekan. Selebihnya silahkan lakukan eksperimen sesuaikan dengan selera rekan-rekan.

Demikian artikel mengenai Pemasangan Widget Facebook Like Box Responsive Valid HTML di Blogger, semoga bermanfaat. Jika ada pertanyaan silahkan sampaikan di kotak komentar atau kirim email di kontak form.