Facebook Like / Recommend Button

Artikel tutorial ini telah dikemaskini. Sila KLIK SINI untuk tutorial yang lebih up-to-date.

Salam semua.

Di sini ada sedikit pengemaskinian tutorial tentang bagaimana mahu letak butang Facebook Like (Facebook Like / Recommend Button) pada setiap artikel (entry) yang anda terbitkan (post) di dalam blog anda.

Sebelum ini, saya pernah terbitkan satu artikel tutorial yang berkaitan dengan Facebook, iaitu Facebook Share di mana tutorial ini mengajar anda bagaimana suatu artikel anda itu dikongsi di Facebook. Kali ini aku akan nyatakan bagaimana mahu buat 'Like' pula, sekiranya pembaca-pembaca blog anda menyukai atau meminati suatu artikel di blog anda. Terlebih dahulu, aku ingin menyatakan bahawa butang ini bukan sahaja didatangi dengan 'Like' malah ia boleh berbentuk 'Recommend' juga.

Di sini saya nyatakan secara mudah bagaimana mahu aplikasikan butang Facebook Like / Recommend ini di dalam blog anda.

Klik spoiler ini untuk meneruskan bacaan..

Caranya:

1) Masuk (login) blogger anda. Klik pada Layout (sekarang ditukar kepada Design) dan klik Edit HTML.
2) Kemudian, tandakan (check) pada kotak Expand Widget Templates.
3) Seterusnya, buat carian pada editor HTML anda dengan katakunci '<data:post.body/>'. Jika anda menggunakan Firefox, anda hanya perlu menekan keyboard Ctrl+F.
4) Kemudian, copy kod di bawah:

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=true&amp;width=100&amp;action=like&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:80px;'/>

5) Kemudian, paste kod di atas pada baris bawah '<data:post.body/> tadi.
6) Save kod anda.

Opsyen Tambahan.

Anda juga boleh mengubah code di atas. Seperti yang aku telah nyatakan di atas, butang ini bukan sahaja didatangi dengan 'Like' malah ia boleh berbentuk 'Recommend'. Tetapi bagaimana?


Berdasarkan kod yang telah diberi, anda hanya perlu menukar action=like kepada action=recommend. Butang anda akan berubah seperti imej di atas.

Anda juga boleh meringkaskan paparan jumlah pengguna seperti di atas. Caranya, tukarkan layout=standard kepada layout=button_count.

Selain itu, anda juga boleh mengubah font yang berlainan. Di bawah, aku sediakan jenis font yang boleh digunapakai:

1) font=lucida+grande
2) font=segoe+ui
3) font=tahoma
4) font=trebuchet+ms
5) font=verdana

Anda hanya perlu mengubah kod font=arial kepada salah satu font-font yang dinyatakan seperti di atas.

Jika ada persoalan dan kemusykilan, nyatakan di ruang komen bukannya di ruang chat.

Oh ya. Ada beberapa pembaca pernah bertanyakan masalah kepada aku di mana butang Like mereka tidak memaparkan gambar profile kecil seperti di bawah:

Untuk mengatasi masalah ini, anda hanya perlu memastikan kod show_faces perlulah equal (=) kepada true. Dengan kata lain, anda perlu ubah kod show_faces=false kepada show_faces=true.

Sekian. Selamat mencuba!

Jom cuba: Tukarkan kod colorscheme=light kepada colorscheme=dark. Lihat kelainannya! :)

PERHATIAN! Aktiviti PLAGIAT (copy & paste) sesuatu artikel tanpa pengetahuan dan kebenaran penulis adalah satu aktiviti/perbuatan yang TIDAK BERMORAL!

Ads: (Please Click!)