Monday, October 17, 2016
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 |
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.
>
Contoh : <html >
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 == "item"><b:if cond=data:blog.pageType != "static_page"><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.
Available link for download
