Saturday, April 28, 2012

Cara Pasang Widget Like di Blog

0 comments
Cara Pasang Widget Like di Blog . Halah jian memang benar-benar ngeselin banget bikin posting aja kedelet melulu. Dari tadi pengen pasang Widget Like di blogger gak bisa-bisa.


Oh ya kalau mau coba-coba juga silahkan masuk ke sini :


http://developers.facebook.com/docs/reference/plugins/like-box/


Nih Caranya Cekidot saja lah :
1. Cantumkan JavaScript SDK pada halaman Anda, idealnya tepat setelah tag pembuka .<body>


<div id="fb-root"></div>
<script>(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/id_ID/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

2. Tempatkan kode untuk plugin Anda di mana pun Anda inginkan plugin itu muncul di halaman Anda.

<div class="fb-like-box" data-href="http://www.facebook.com/platform" data-width="292" data-show-faces="true" data-stream="true" data-header="true"></div>

Keterangan :

http://www.facebook.com/platform = diganti dengan alamat page Facebook kamu.

Untuk jelasnya lihat gambar dibawah.
gambar 1


Keterangan :
1. Pilih Like Box
2. http://www.facebook.com/platform diganti dengan url Page Facebook kamu
3. Kalau Show Stream di pilih ( cek list ) komentar yang ada di page facebook akan terlihat.
4. Kalau cuma pengen menampilkan orang yang sudah nge Like Show Streamnya jangan di pilih

atau kamu tinggal rubah htmlnya

<div class="fb-like-box" data-header="true" data-href="http://www.facebook.com/platform" data-show-faces="true" data-stream="true" data-width="292"></div>

Keterangan :
data-stream="true"  komentar muncul seperti gambar 1 diatas
data-stream="false" komentar tidak muncul seperti gambar 2 dibawah


gambar 2

Artikel Terkait

Leave a Reply