Cara Pasang Rekomendasi Bar Fb di Blogger

Cara Pasang Rekomendasi Bar Fb di Blogger

Cara Pasang Recommendations Bar Facebook di Blogspot
Apa itu Recommendations Bar?

Recommendations Bar Yakni Sebuah Aplikasi Social Plugins milik Facebook yang berfungsi hampir sama dengan Like botton dan Recommend box.
Bedanya Recommendations Bar akan muncul di sisi kiri bawah atau kanan Blog sobat dan terlihat lebih Profesional unik keren lagi.

Bar Rekomendasi memungkinkan pengguna untuk menyukai konten, mendapatkan rekomendasi, dan berbagi apa yang mereka baca dengan teman-teman mereka. Bar Rekomendasi ini bisa di on | Off oleh pengunjung, kelebihan lain yakni Bar ini akan menampilkan artikel-artikel blog kita yang lain.

Apa manfaat di pasang di blog?
Sudah jelas manfaatnya meningkatkan Page View dan trafik ganda jika salah satu pengunjung me-Like atau merekomendasikan Artikel yang mereka kepada temannya

Apa widget ini tidak membuat Blog jadi Berat?
Tergantung, : Maksudnya jika Pernak pernik di blog sobat terlalu banyak maka sebaiknya jangan di pasang, tapi jika widgetnya sedikit bahkan tidak ada maka widget ini layak di pasang.

Penasaran cara pasangnya?, silahkan ikuti langkah - langkah berikut ini :

Pertama :
Silahkan menuju link ini : https://developers.facebook.com

Kedua :
Cara Pasang Rekomendasi Bar Fb di Blogger

Silahkan Masukkan Alamat Blog sobat pada ULR of the article
Pilih widgetnya di tampilkan di sisi bawah kanan atau kiri dengan pilih Side Right atau Left

Ketiga :
Silahkan Klik Get Code
Cara Pasang Rekomendasi Bar Fb di Blogger

maka akan mucul popup kode pluginnya

Keempat:
Silahkan menuju Blogger
Template Blog yang akan di pasangkan, lalu klik edit HTML dan selanjutnya Centang "Expand Template Widget"
INGAT : Selalu download Tempalte untuk menjaga kesalahan

Sekarang kita kembali ke Area edit HTML
Silahkan klik Ctrl + F untuk mencari Code  <body>


Pada petunjuk di Kode plugin Recommendations Bar seperti Gambar diatas sobat mesti meletakkan kode tersebut di tepat dibawah Code <body>
Namun setelah saya Coba Code tersebut tidak berjalan dan ada Pesan error di Blogger.

Setah di Utak atik maka Codenya bisa juga di pasang SILAHKAN Menggunakan Code ini
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '136575963025211', // App ID
channelUrl : '//www.kumpulancara.com', // Channel File
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
// Additional initialization code here
};
// Load the SDK Asynchronously
(function(d){
var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js";
ref.parentNode.insertBefore(js, ref);
}(document));
</script>
Ingat : Letakkan Code tersebut di bawah <body>

Note :
Ganti App ID nya Jika sobat Punya App ID sendiri, Jika tidak punya silahkan pakai App ID itu saja
Ganti  www.kumpulancara.com dengan alamat Blog masing masing [ Tanpa http:]

Silahkan SIMPAN

Kelima
Silahkan menuju
+ Pilih

Silahkan Copy code ini dan Pastekan Jangan Lupa Ganti http://www.kumpulancara.com dengan Blog masing masing

<div class="fb-recommendations-bar" data-href="http://www.kumpulancara.com"></div>

Terakhir silahkan Simpan
Semoga bermanfaat
Cara Pasang Rekomendasi Bar Fb di Blogger 10out of 10 ratings.
Powered by Blogger.