Home » » Cara Mudah Membuat Widget Facebook Recommendation Bar

Cara Mudah Membuat Widget Facebook Recommendation Bar

Apa itu Widget Facebook Recommendation Bar? Adalah widget floating yang secara otomatis muncul pada kanan bawah blog untuk meminta like pada url yang di rekomendasikan secara random / acak.

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.


Cara Mudah Membuat Widget Facebook Recommendation Bar
Cara Mudah Membuat Widget Facebook Recommendation Bar

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://mad4pirates.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://mad4pirates.blogspot.com) - Silahkan ganti dengan Link blog Anda.

Bila belum mempunyai App ID Facebook, Anda bisa daftar ke facebook developers

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


8. Jika sudah selesai, Klik Save Template.


Terima Kasih Anda Telah Membaca Artikel
Cara Mudah Membuat Widget Facebook Recommendation Bar
--
Ditulis Oleh Unknown
Berikanlah G +1 Jika artikel ini bermanfaat untuk anda. Trimakasih

2 comments:

banner ads banner ads banner ads banner ads