Facebook Recommendations Bar Official Untuk Blogger

Facebook memperkenalkan produk social plugin mereka yang diberi nama Facebook Recommendations Bar. Plugin ini sekarang masih dalam versi Beta. Kali ini kita akan membahas cara menambahkan Facebook recommendations bar ini pada blog kita. Widget ini sangat membantu kita dalam mendatangkan traffik dari facebook, serta dapat menyerupai related post.

Ini dia preview nya :


Untuk memasang Facebook Recommendations Bar ini, ikuti cara berikut :
  • Masuk ke dashboard
  • Klik design
  • Pilih tab Edit HTML
  • Tambahkan kode meta berikut setelah <head>
<!-- Begin Open Graph metadata -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
</b:if>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='&quot;en_US&quot;' property='og:locale'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<!-- End Open Graph metadata -->

  • Klik link Create a new app / Buat Aplikasi baru
  • Masukkan App name dengan nama blog Anda dan App URL dengan URL blog Anda, Klik Continue / Lanjutkan
  • Masukkan kode captcha dengan benar dan tekan kode submit / kirim
  • Klik tombol Get code sekali lagi
  • Copy kode HTML yang terdapat pada kotak pertama (yang saya blok)
  • Masuk lagi ke Edit HTML blogger
  • Berikan tanda cek pada expand template widgets
  • Cari kode <body> dan letakkan kode yang telah kita copy tadi setelah <body>
  • Cari kode <data:post.body/>
  • Letakkan kode berikut ini setelah <data:post.body/>
<b:if cond='data:blog.pageType == &quot;item&quot;'><div class="fb-recommendations-bar" data-trigger="onvisible" expr:data-href="data:post.url" data-read-time="30" data-action="like" data-side="right" expr:data-site="data:blog.homepageUrl" data-num-recommendations="2"></div></b:if>

  • Atur kode yang berwarna merah dengan posisi recommendations bar
  • Atur kode yang berwarna kuning kecoklatan dengan jumlah rekomendasi
  • Save template
  • Selesai...
Silakan nikmati Facebook Recommendations Bar Anda :)

Regards,

Berlangganan Artikel Referensi Kita

Masukkan alamat email Anda:

Related Post:

+ comments +3comments

16/7/12 07:54

Sudah lama tak berkunjung ke blog sahabatku ini, ternyata sudah berubah tambah cakep aja,,,,,,dan terima kasih banyak sob atas tips nya sementara saya masih menggunakan RSS Grafity sob,,,,

Terimakasih oboy atas Komentarnya di Facebook Recommendations Bar Official Untuk Blogger

@oboy : makasih sob.. kunjungan dan komentar sobat sangat berarti bagi saya :)
sip.. semangat blogging !!! :D

Terimakasih Mohammad Irfan Basuki atas Komentarnya di Facebook Recommendations Bar Official Untuk Blogger
16/7/12 08:50

Oh iya sob,,,saya ada sedikit masalah di halaman guest blog saya pada bagian komentarnya eror karena tidak bisa bertambah kemudian saya cari info untuk memperbaikinya dan sudah dapat tetapi dalam template saya tidak bisa menemukan tag body walaupun sudah menggunakan control f saya jadi bingung sob,,,adakah solusinya

Terimakasih oboy atas Komentarnya di Facebook Recommendations Bar Official Untuk Blogger

Post a Comment