Cara Membuat Facebook Recommendation di Blogspot

Cara Membuat Facebook Recommendation di Blogspot. Salam hangat buat pengunjung setia blog saya yang saat ini sudah jarang saya update karena kesibukan dunia nyata yang memang harus diutamakan, namun tidak menutup kemungkinan bahwa hubungan di dunia maya juga jangan disia-siakan. Nah, pada kesempatan kali ini saya ingin mencoba berbagi tutorial gabungan antara Facebook dan Blogspot yang saya tuangkan melalui tutorial singkat kali ini.

Mungkin sebagian sobat ada yang belum mengetahui apa itu Facebook Recommendation dan bagaimana cara kerjanya, tidak perlu panjang lebar untuk menjelaskannya, rasanya sudah banyak pengertiannya di Google yang bisa sobat cari sendiri, hehehe. Kegunaan dari Widget ini adalah untuk menampilkan beberapa postingan sobat yang telah direkomendasikan atau di like oleh sobat facebook. Langsung saja, berikut ini penampakannya :

Bagaimana, jika sobat berminat, silahkan ikuti langkah-langkahnya berikut ini.

Langkah pertama adalah login ke akun blogger sobat, jangan login ke akun orang lain ya
Selanjutnya masuk ke halaman Template sobat
Pilih Edit HTML
Kemudian sobat cari kode <html
Letakkan kode ini setelah kode tadi

xmlns:fb='http://ogp.me/ns/fb#'

<html xmlns:fb='http://ogp.me/ns/fb#'

Kemudian sobat cari kode <body
Letakkan kode ini setelah kode <body

<div id='fb-root'/>
<script>
//Facebook Recommendation bar by www.wakrizki.net
//<![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=116650795065535";
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://www.wakrizki.net' trigger='50%'/>
</div>

3 = Jumlah tampilan artikel, silahkan disesuaikan;
right = Posisi tampilan, silahkan ganti Left jika ingin di kiri;
http://www.wakrizki.net = Silahkan ganti dengan alamat blog sobat;

Langkah terakhir adalah simpan template sobat
Eng Ing Eng, coba cek ke TKP ya, apakah sudah berhasil atau belum
Jika sobat mengalamai masalah dalam mengikuti artikel ini, silahkan inbox saya di fb saya Rizki Khaizir

Cara Membuat Facebook Recommendation di Blogspot

0 Komentar "Cara Membuat Facebook Recommendation di Blogspot", Baca atau Masukkan Komentar

Post a Comment