Cara memasang Facebook Activity Feed pada blogger

Facebook Activity Feed
Anda memiliki Facebook FanPage dan menginginkan para pengunjung blog anda mengetahui apa aktifitas terakhir anda? Jika ya, maka anda bisa memasangkan Gadget Facebook Activity Feed yang akan kami jelaskan caranya saat ini pada blog anda dengan mudah.

Selain Gadget Recent Comments yang menampilkan beberapa komentar terakhir sebagai indikasi bahwa suatu blog aktif atau tidak, gadget Facebook Activity Feed juga dapat mengindikasikan hal serupa. Seperti kita ketahui Facebook sebagai Online Social Media memang dapat mendatangkan traffic bagi blog anda, perbincangan atau komentar di dalam Facebook lebih cepat merebak dibandingkan komentar pada postingan blog anda.

Untuk membuat Gadget Facebook Activity Feed pada blogger, anda tidak membutuhkan appID yang didapatkan ketika anda membuat Aplikasi pada Facebook. Anda hanya membutuhkan alamat URL dari blog anda, yaitu alamat yang sama ketika anda membuat Facebook FanPage untuk blog tersebut.
Langkah-langkah membuat gadget Facebook Activity adalah sebagi berikut:
  • Masuk ke Blogger Dashboard anda dan pilih Blog yang anda inginkan 
  • Pilih Tata Letak 
  • Di dalam Tata Letak, klik Tambahkan gadget (lokasinya terserah anda, bisa anda tempatkan pada bagian sidebar ataupun pada bagian footer) 
  • Dari pilihan gadget yang ada, pilih HTML/Javascript dan masukkan kode berikut: 
<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/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));
</script> 

  • Jika anda telah memiliki facebook plugin yang lain seperti Facebook Comment Box  atau Facebook Recomendation Bar, maka kode diatas tidak perlu ditulis, cukup yang dibawah saja, kalau belum ... ya tulis dua-duanya.

<div class="fb-activity" 
 data-site="http://jasa-pembuatanweb.blogspot.com" 
 data-width="200" 
 data-height="400" 
 data-border-color="#ffffff" 
 data-header="false" 
 data-recommendations="true">
</div>

  • Untuk data-site nya ganti http://jasa-pembuatanweb.blogspot.com dengan alamat URL blog anda
  • Untuk tinggi widget, ubahlah nilai pada data-height dari 400 menjadi sesuka anda (nilai ini dalam satuan pixel)
  • Untuk lebar widget, ubahlah nilai pada data-width dari 200 menjadi sesuka anda (nilai ini dalam satuan pixel)

Sekarang simpan dan lihatlah hasilnya!
Cukup mudah juga bukan cara memasang Facebook Activity Feed pada blog anda.
Comments
0 Comments

Tidak ada komentar:

Posting Komentar