.
Diberdayakan oleh Blogger.

Cara Membuat Like Box Facebook Valid XHTML di Blog

Jin Botol - Setelah kemarin saya sempat share bagaimana cara membuat/memasang widget like fanspage facebook keren tersembunyi di sisi kanan blog. Kali ini saya akan share bagaimana cara membuat sebuah like box fanspage facebook yang valid XHTML di blog dengan sangat mudah. Memang sudah banyak blog yang share tentang memasang widget like box facebook di blog dengan facebook developer, tetapi apakah anda tahu bahwa script like fanspage box yang di buat oleh facebook developer itu tidaklah 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. Namun ada juga yang punya kepercayaan berbeda tentang hal ini, bahwa valid atau tidaknya sebuah web/blog tidak berkaitan dengan SEO. Tetapi saya serahkan kepada anda, anda ingin mempercayai pernyataan yang mana?

Daripada banyak ngomong mending langsung saja kita ke TKP bagaimana cara membuat facebook like box di blog yang valid XHTML di blog dengan mudah.
  • Login ke blogger
  • Masuk ke Layout/Tata Letak
  • Klik a gadget/tambah gadget
  • Pilih menu HTMLJava/Script
  • Masukkan kode berikut
<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","Taruh URL fanspage facebookmu di sini!");
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>


  • Ganti tulisan berwarna merah dengan URL alamat fanspage anda
  • Beri judul sesuai selera anda
  • Terakhir klik save/simpan

Selesai, coba cek di blog anda apakah widget like box fanspage facebook ini sudah ada dan terpasang dengan benar di blog anda. Jika ada masalah, kritik dan saran silahkan anda tuliskan pada kotak komentar yang ada di bawah artikel ini. Salam blogger Indonesia, sukses selalu buat kita!
Ingin mendapatkan informasi-informasi unik serta update artikel dari kami secara berkala? Follow twitter resmi blog ini di @kupastuntasCOM dan join bersama kami di facebook Kupas Tuntas Official Fanspage Terima Kasih.
Ditulis oleh: Muhammad Irfan - Rabu, 16 Mei 2012

Artikel Menarik Lainnya: