-->
›

Cara Membuat Facebook Recommendations Bar di Blog

By Saturday, April 20, 2013 11 Comments
Cara Membuat Facebook Recommendations Bar di Blog - Kali ini Blog Tutorial Blogz akan share tentang "Cara Membuat Facebook Recommendations Bar di Blog". Widget ini sama seperti widget Recommendations Posts, bedanya adalah ini merupakan widget dari Facebook. Widget ini sejenis dengan widget Related Posts atau 'Artikel Terkait' yang menampilkan Artikel/postingan terkait dengan artikel yang sedang dibaca. Widget ini tampil melayang (Float) di sisi kanan blog. Untuk lebih jelasnya, silahkan liat gambar berikut ini.

Berikut Cara Membuat Facebook Recommendations Bar di Blog :

 1. Login ke Akun Blogger Anda.
2. Silahkan masuk ke Halaman Template.
3. Lalu pilih 'Edit HTML'.
4. Selanjutnya, silahkan cari kode : <html
5. Letakkan kode berikut tepat setelah kode tadi.
xmlns:fb='http://ogp.me/ns/fb#'
Contoh : <html xmlns:fb='http://ogp.me/ns/fb#' 

 6. Kemudian, cari kode <body>.
7. Letakkan kode berikut tepat dibawah kode tadi.
<div id='fb-root'/>
<script>
//Facebook Recommendation bar
//<![CDATA[
(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&appId=226266264125353";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
<b:if cond='data:blog.pageType == &quot;item&quot;'><b:if cond='data:blog.pageType != &quot;static_page&quot;'><div style='z-index:999999; position:absolute;'>
<fb:recommendations-bar action='like' max_age='0' num_recommendations='3' read_time='10' side='right' site='http://tutorial-blogz.blogspot.com' trigger='50%'/></div>
</b:if></b:if>

Keterangan :
- (226266264125353) = Silahkan Ganti dengan App ID Anda. 
- (3) = Jumlah tampilan Artikel/Post, silahkan ganti sesuai keinginan.
- (right) = Posisi Widget. Jika ingin widget berada di sisi kiri blog, ganti dengan 'left'.
- (http://tutorial-blogz.blogspot.com) - Silahkan ganti dengan Link blog Anda.

 Bila belum mempunyai App ID Facebook, Anda bisa daftarkan disini : https://developers.facebook.com/apps/

 Setelah selesai daftar, untuk mengetahui App ID silahkan lihat pada menu Pengaturan (Setting). 


8. Jika sudah selesai, Klik Save Template.

11 Responses to "Cara Membuat Facebook Recommendations Bar di Blog"

  1. cara membuat gmaiMay 28, 2013 at 11:09 AM

    tutorial yang bagus sob sangat mudah untuk di pahami..semoga sukses,salam kenal ane blogger dari Madiun

    ReplyDelete
  2. raniJune 3, 2013 at 3:47 PM

    terimakasih informasinya, saya akan coba,,

    ReplyDelete
  3. SunandarJune 8, 2013 at 6:27 PM

    makasih banyak gan atas info nya :)

    kapan2 mampir ya http://nandarious.blogspot.com/

    ReplyDelete
  4. UnknownJune 20, 2013 at 4:53 AM

    mantap gan..

    ReplyDelete
  5. NASSJuly 9, 2013 at 12:28 PM

    *vokalis*

    ReplyDelete
  6. Obat JerawatJuly 18, 2013 at 11:38 AM

    Teruslah berbagi informasi tentang cara membuat facebook recommendations... mengunjungi blog yang bagus dan penuh dengan informasi yang menarik adalah merupakan kebahagiaan tersendiri.

    ReplyDelete
  7. Portal BeritaAugust 7, 2013 at 4:53 PM

    akhirnya ketemu juga Cara Membuat Facebook Recommendations Bar di Blog di blog mas bro ni. Makasi banyak iya mas bro tuk artikel nya

    ReplyDelete
  8. Mas AndieSeptember 7, 2013 at 10:23 PM

    terimaksih gan....
    kerennn....
    http://wongtran.blogspot.com/

    ReplyDelete
  9. Maniak Artikel | Segalanya Yang Seru Dan UnikSeptember 24, 2013 at 9:45 PM

    Error. hadeh

    ReplyDelete
  10. Gigih Wahyu KNovember 15, 2013 at 4:30 AM

    khirnya menemukan cara fb recomendation bar disni, thanks yaa :)

    ReplyDelete
  11. YuliaNovember 24, 2013 at 11:23 AM

    thanks infonya... mampir gan di blog saya..

    http://makho-manda.blogspot.com/

    ReplyDelete

Subscribe to: Post Comments (Atom)

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel