Cara Membuat Facebook Recommendations Bar di Blog - Kali ini Blog akan share perihal "Cara Membuat Facebook Recommendations Bar di Blog". Widget ini sama menyerupai widget Recommendations Posts, bedanya yaitu ini merupakan widget dari Facebook. Widget ini homogen 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 ludang keringh jelasnya, silahkan liat gambar diberikut 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 isyarat : <html
5. Letakkan isyarat diberikut sempurna sesudah isyarat tadi.
6. Kemudian, cari isyarat <body>.
7. Letakkan isyarat diberikut sempurna dibawah isyarat tadi.
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 memiliki App ID Facebook, Anda sanggup daftarkan disini : https://developers.facebook.com/apps/
Setelah simpulan daftar, untuk mengetahui App ID silahkan lihat pada sajian Pengaturan (Setting).
8. Jika sudah selesai, Klik Save Template.
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 isyarat : <html
5. Letakkan isyarat diberikut sempurna sesudah isyarat tadi.
xmlns:fb='http://ogp.me/ns/fb#'Contoh : <html xmlns:fb='http://ogp.me/ns/fb#'
6. Kemudian, cari isyarat <body>.
7. Letakkan isyarat diberikut sempurna dibawah isyarat 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://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 memiliki App ID Facebook, Anda sanggup daftarkan disini : https://developers.facebook.com/apps/
Setelah simpulan daftar, untuk mengetahui App ID silahkan lihat pada sajian Pengaturan (Setting).
8. Jika sudah selesai, Klik Save Template.
Advertisement