Cara Membuat Facebook Recommendations Bar di Blog

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.

0 komentar:

Posting Komentar