Kamis, 27 September 2012

Cara Membuat Like Box Facebook Valid XHTML

Cara Membuat Like Box Facebook Valid XHTMLLike box terhadap suatu fans page telah banyak di pasang pada website dan blog-blog. namun, apakah sobat udah ngecek kalau script FB tersebut valid XHTML? Sekedar info bahwa valid XHTML bagi sebuah website atau blog sangat diperlukan karena dapat meningkatkan dukungan website terhadap berbagai macam browser. Selain itu, dengan valid XHTML akan semakin disukai oleh crawler yang berasal dari google yahoo maupun bing. Script FB yang dibuat oleh developer facebook kenyataannya tidak valid dengan XHTML! Adakah cara untuk membuat valid script tersebut? Oh.. tentu ada sob! yuk kita bahas.

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 XHTML. nah.. bagaimana caranya supaya atribut tersebut dapat valid XHTM? caranya begini sob!
Copy dan pastekan script yang telah di modifikasi dibawah ini pada gadget baru tadi.
<div id="fb-root"></div>
<script type="text/javascript">
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js#xfbml=1';
document.getElementById('fb-root').appendChild(e);
}());
</script>
<div id="FbCont">
<script type="text/javascript">
<!--//--><![CDATA[//><!--
var fb = document.createElement('fb:like-box');
fb.setAttribute("href","Masukan alamat fans pages FB");
fb.setAttribute("show_faces","true");
fb.setAttribute("header","false");
fb.setAttribute("stream","false");
fb.setAttribute("width","200");
fb.setAttribute("font","segoe");
document.getElementById("FbCont").appendChild(fb);
//--><!]]>
</script>
</div>

NB : Ganti tulisan berwarna merah dengan alamat fans pages FB punya sobat dan coba sobat cek website/blog sobat setelah memasukan script di atas pasti udah valid XHTML ^^
Sekian postingan Cara Membuat Like Box Facebook Valid XHTML. Semoga bermanfaat ya sob.