Cara Membuat LikeBox Facebook di Blog

Hallo lagi sobat bloger, baru tadi pagi saya membuat LikeBox buat blog saya ini, dan baru tadi pagi juga saya mempelajarinya, akhirnya baru saja juga saya berhasil dan bisa membuatnya, dan sekarang saya mau bagi-bagi ilmunya buat sobat-sobat bloger lainnya.

Siapa yang gak tau facebook, bahkan seluruh dunia tau tentang facebook, dan sekarang facebook mulai merambah di dunia blogging dengan berbagai aplikasinya yang menarik, salah satunya LikeBox yang akan saya bahas cara pembuatannya berikut :

Step 1
-  Pertama yang harus sobat lakukan adalah login ke Facebook dulu
-  Kemudian masuk ke Facebook Page untuk membuat page baru
-  Klik gambar yang seperti di bawah ini -> kemudian isi catagori dengan Website dan Product Name dengan nama Blog sobat -> centang I agree blablabla -> kemudian tekan Get Started

--->

-  kemudian anda akan dibawa masuk ke page seperti berikut -> klik skip and skip terus adja sampai sobat masuk ke page baru sobat.

-  Lalu copy page facebook baru sobat misalnya punya saya (http://www.facebook.com/pages/Pro-Duck/111910508980375)

-  Jangan senang dulu, itu baru Step 1

Step 2

Kemudian kita beralih ke Bloger

-  Masuklah ke blog sobat

-  Kemudian masuk ke tata letak -> pilih tambah gadget -> pilih java script

-  kemudian pastekan kode di bawah ini ke gadget sobat

<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","http://www.facebook.com/pages/Pro-Duck/111910508980375");

fb.setAttribute("show_faces","true");

fb.setAttribute("header","false");

fb.setAttribute("stream","false");

fb.setAttribute("width","290");

fb.setAttribute("font","segoe");

document.getElementById("FbCont").appendChild(fb);

//--><!]]>

</script>

</div>

-  Save, Save, dan Save itulah hasil akhirnya.

Sekian yang dapat saya bagikan, maaf bila ada yang kurang jelas silahkan isi kotak komentar di bawah..

oh iyo rek, ojok lali yoh Like me.. :))