Beranda » Blogger » Facebook » Cara Membuat Facebook Recommendation di Blogspot

Cara Membuat Facebook Recommendation di Blogspot

Ditulis oleh: -
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 :

Cara Membuat Facebook Recommendation di Blogspot

Bagaimana, jika sobat berminat, silahkan ikuti langkah-langkahnya berikut ini.
  1. Langkah pertama adalah login ke akun blogger sobat, jangan login ke akun orang lain ya
  2. Selanjutnya masuk ke halaman Template sobat
  3. Pilih Edit HTML
  4. Kemudian sobat cari kode <html
  5. Letakkan kode ini setelah kode tadi
    6. xmlns:fb='http://ogp.me/ns/fb#'
    Sehingga akan jadi seperti ini
    <html xmlns:fb='http://ogp.me/ns/fb#'
  6. Kemudian sobat cari kode <body
  7. Letakkan kode ini setelah kode <body
    8. <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>
    Keterangan :
    • 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;
  8. Langkah terakhir adalah simpan template sobat
  9. Eng Ing Eng, coba cek ke TKP ya, apakah sudah berhasil atau belum
  10. Jika sobat mengalamai masalah dalam mengikuti artikel ini, silahkan inbox saya di fb saya Rizki Khaizir

Artikel terkait :

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

Post a Comment

Followers