◄ Min  Size Fonts: + | - | ± Color: Max ►

Add Recommend/Like Facebook for Blogger

Dari pada tidak update ini mah! Koben akan berbagi tutorial dari 2 keyword berikut plugin - facebook Gue akan membahas plugin facebook berkategorikan Recommendations Bar. Untuk memuluskan rencana pemasangan Recommendations Bar Facebook ke dalam blog, kalian harus mempunyai yang namanya APP_ID Facebook Sebenarnya ada 2 opsi dari plugin tersebut, Like & Recommend. Tinggal diatur saja menurut keperluan. Jika penjelasan gue kurang jelas dalam membuat aplikasi facebook untuk blog, coba baca versi Master Hendriyono Membuat aplikasi ini, tidak lain untuk mendapatkan APP_ID :)

Selesai dengan urusan app-id, saatnya kita melanjutkan ke langkah berikutnya yakni pengambilan kode/bumbu². Open it yo Facebook DevelopersPerhatikan pada opsi: URL of the article, Verb to display, Side & Domain. Hati² dalam mengisi karena akan berpengaruh besar pada snippet coded nanti :p Beres isi ini-itu, tekan tombol Get Code. Pasang script di atas/sebelum tag </body>Karena kode HTML yg akan dipasangkan akan bersifat memanggil link postingan, maka lakukan Expand Widget Templates cari code <data:_post.body/>

Masukan ramuan brkt<div class="fb-recommendations-bar" 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>Kalau muncul warning begini
Given URL is not allowed by the Application configuration.: One or more of the given URLs is not allowed by the App's settings. It must match the Website URL or Canvas URL, or the domain must be a subdomain of one of the App's domains.
itu tandanya App_id tidak cocok dengan blog yg dibuatkan APP :D
Lihat hasil kerja :)
Bagus dan uniknya plug-in ini bisa di buka/tutup ;))
Source by: http://www.latesthack.com/2012/06/add-official-facebook-recommendations.html
Happy plugin \m/
Loading...
XAdd Recommend/Like Facebook for Blogger

Subscribe my posts Register For Free!

9 comments

[?] g+ convert

DO NOT EVEN TRY ADD LINK [-X
You can use some HTML tags, such as
<b> - <i> - <a> - http://...jpg/gif/png/bmp - http://youtu.be/...


MISC

Resources

WANT BE HERE!!! CONTACT ME :P

FACEBOOK PAGE