Pasang Button Facebook Like di Blog

  • Share
  • Share

Pasang Button Facebook Like di Blog

Aku tengok banyak blog yang dah pasang button ‘ReTweet‘, ‘Google Buzz‘ dan ‘Facebook Like‘ kat blog masing-masing. Baru hari ni aku ada masa free sikit untuk tengok-tengok coding, dan hasilnya, blog Anarm.Net kini dah dilengkapi dengan ReTweet Button. Terima kasih kepada AzmanIshak.com kerana dah menyediakan tutorial bagaimana memasukkan button ReTweet di blog. Pelawat-pelawat blog HEBAT ni khususnya yang ada akaun Twitter, silalah ReTweet (RT) mana-mana post yang ada dalam blog ni ye. Tu pon kalau korang suka dengan post-post yang aku tulis. Kalau tak suka, dialu-alukan juga untuk tekan ReTweet.

Berbalik kepada topik asal yang aku nak ceritakan. Mesti korang tau kan ‘Facebook Like Button‘ ni benda apa? Bagi pengguna Facebook tegar mesti tau benda ni. Fungsinya di Facebook adalah untuk berkongsi content yang disukai (like) dengan rakan-rakan Facebook yang lain. Button Like di blog ni pulak adalah untuk berkongsi artikel yang disukai di blog dengan rakan-rakan di Facebook. Paham? Kalau tak paham, sila baca sampai habis ye. Hehe..

Untuk tengok button Facebook Like yang aku dah pasang kat blog ni, sila scroll down sampai ke penghujung entri. Kat situ ada 1 button bertulis ‘Like’ dengan simbol jari ‘thumb up’. Bila korang klik button Like tu, nama korang beserta gambar profile yang korang gunakan di Facebook akan terpapar kat situ. Then, korang cuba tengok kat profile Facebook korang, kat Recent Activity akan keluar macam dalam gambar kat bawah ni:

Facebook Like Button
Recent Activity di Facebook Profile

Button Facebook Like ni kebanyakkan blogger yang menggunakan WordPress (Self-Hosted) lebih senang menggunakan plugin seperti Facebook Like Button Plugin ataupun FBLikeButton. Bagi yang taknak menggunakan plugin, boleh buat secara manual. Senang je.
 

Cara Pasang Button Facebook Like di WordPress:

Copy code di bawah ni kemudian buka fail single.php dan cari the_content(). Paste sama ada sebelum ataupun selepas the_content().

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:60px"></iframe>

Cara Pasang Button Facebook Like di Blogspot:

Bagi pengguna Blogspot, caranya lebih kurang sama jugak (copy paste).

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

  1. Masuk ke Dashboard > Layout > Edit HTML. Kemudian download template anda dulu sebagai backup takut berlaku apa-apa yang tak diingini.
     
  2. Tick pada butang ‘Expand Widget Templates’ untuk memaparkan code secara keseluruhan.
     
  3. Cari code <data:post.body> menggunakan fungsi carian di browser (Ctrl+F)
     
  4. Paste code untuk button Facebook Like tadi selepas code <data:post.body>
     

Info tambahan:
 

  1. Code Facebook Like ni akan memaparkan gambar profile Facebook orang yang menekan button Like. Sekiranya korang taknak fungsi gambar tu, korang boleh tukarkan “show_faces=true” kepada “show_faces=false“.
     
  2. Perkataan ‘Like’ boleh jugak ditukar kepada perkataan ‘Recommend’. Caranya, “action=like” tukarkan kepada “action=recommend“. Pilih yang mane korang berkenan. Perkataan selain daripada yang tu, korang try and error sendiri la ye.
     

Harap korang berjaya buat seperti yang aku coretkan kat atas tadi. Bagi pengguna WordPress, sebarang masalah yang berlaku time korang nak buat ni boleh bertanya kepada aku. Bagi pengguna Blogspot pulak, boleh ajukan pertanyaan korang kepada !ARC13! sebab aku kurang mahir sikit dengan Blogspot. Bagi aku WordPress lebih senang daripada Blogspot (pendapat aku je, jangan ada gaduh-gaduh pulak pasni).

Hidup Untuk Memberi. Sekian..

Credit to Ruhani Rabin, !ARC13! and Facebook Like Button
 



Entri lain yang mungkin berkaitan:


Tentang Anarm

Biodata lengkap di page 'Siapa Anarm'. Suka luangkankan masa di Twitter & Facebook. Jika anda suka dengan artikel ini, sila tinggalkan komen atau subscribe feed blog ini untuk dapatkan artikel terbaru terus ke 'feed reader' anda!

Google Keyword: , , , , , , ,


Pengiklanan
Score A Programme Make Money with Twitter Make Money on Twitter Rahsia MasKahwin Yang Hilang
Laptop percuma untuk dimiliki
Rahsia Anak Pandai

Tinggalkan komen anda

72 komen telah diterima untuk entri “Pasang Button Facebook Like di Blog” ni

Trackbacks & Pingbacks

  1. Top 18 Sites On The Web | Ahmad Rushdi Dot Com
  2. Tutorial: Tukar warna highlight text dan plugin facebook 'like' button | I'm a Mommy's Driver.
  1. Piratz says:

    aku rasa tak perlu la aku ulang untuk cara pasng button like ni kan..

    [Reply]

    Anarm reply:

    @Piratz, nak ulang kat blog ko ke? bleh je.. blog aku lain, blog ko lain.. blog ko ade follower tersendiri..

    [Reply]

  2. Wan Perlis says:

    antara manual dan plugins yg mana lebih baik?

    [Reply]

    Anarm reply:

    @Wan Perlis, kalau ada cara manual, aku lebih suke buat cara manual.. plugin kalau boleh aku nak kurangkan.. takut memberatkan blog.. tp terpulang la nak camne.. pakai plugin dah tentu lebih senang..

    [Reply]

    zik reply:

    @Anarm, owh pakai manual kira lebih kurang loading lah ek… erm…plugin pun dah byk nie..kena kurankan apa yang patut jela rasanya… butang like nie …function gak nie.. :face: Post terbaru zik di blog beliau.. Selamat hari buruh 2010! My ComLuv Profile

    [Reply]

    Anarm reply:

    @zik, camne ek nak ckp.. hmm.. bila pakai plugin, mase tgh loading die macam “call/panggil” fungsi plugin tu utk keluarkan kat blog.. proses nak “call/panggil” tu kadang2 makan masa jugak.. kalau coding kita manual insert ke fail2 php, time loading tu die bleh terus baca dari fail2 utama.. lebih kurang camtu laa.. huhu.. harap bleh paham.. :tongue:

    [Reply]

    Amirez reply:

    @Anarm, ye, better guna cara manual kalau nak loading blog kita laju sket. guna plugin ni kadang-kadang takut tak compatible dgn wp versi baru, timbul masalah pulak
    Post terbaru Amirez di blog beliau.. 50% Discount for Theme Junkie WP Theme My ComLuv Profile

    [Reply]

    Anarm reply:

    @Amirez, ha ah.. aku lebih suke guna cara manual.. baru mencabar sikit.. huhu

    [Reply]

  3. x-po says:

    kawe penah klik button like kt blog org, tp xjd gapo2 pun..tu kawe heran tu

    [Reply]

    Anarm reply:

    @x-po, aik.. pelik tu.. kawe try kt blog kawe dgn blog JustNizam.com tadi, bereh jah.. dio tubik kat facebook gapo dio kito Like..

    [Reply]

  4. Dauspozi says:

    Aku pernah pasang pastu buang semula… hehe… tp nak pasang semula r… hehe

    [Reply]

    Anarm reply:

    @Dauspozi, pasang je.. ko pakai blogspot kan? code yg aku bg atas tu ntah btol ntah salah, aku pon tak tau.. kalau ade tersalah, tolong pass coding yg btol ek.. tengkiu.. :unsure:

    [Reply]

  5. syahirul says:

    hoho, aku guna plugin kedua yg ang tulis atas tuh.. best.. satu agi plugin share on fb.. kiri kana ada button kat bawah entri :P semat.. ape2 pon nice tuto :heart: Post terbaru syahirul di blog beliau.. Cara mudah menulis komen di blog rakan My ComLuv Profile

    [Reply]

    zik reply:

    @syahirul, aku pakai dekat blogspot.. jadi2.. yea2.. dekat wordpress tak try lagi… :happy: Post terbaru zik di blog beliau.. Selamat hari buruh 2010! My ComLuv Profile

    [Reply]

    Anarm reply:

    @syahirul, aku ingat nk pakai plugin gak tadi.. saje cari kot2 ada cara manual sbb aku nak kurangkan guna plugin.. sekali ada la pulak.. terus pasang cara manual.. pakai plugin lagi senang kan? tp aku suke yg payah2.. main2 coding bleh aku belajar bende baru.. huhu

    [Reply]

    syahirul reply:

    @Anarm, aku fail coding :( asas takde.. hahaha
    Post terbaru syahirul di blog beliau.. Cara mudah menulis komen di blog rakan My ComLuv Profile

    [Reply]

    Piratz reply:

    @syahirul, Aku fail pasal coding.. tapi men cuba jaya jerk.. cam theme aku.. tak banyak pakai plugin. :devil: Post terbaru Piratz di blog beliau.. Panduan & Infomasi Mengenai Twitter My ComLuv Profile

    [Reply]

  6. apiih says:

    hahaha..aku pakai plugin jerk..uhuhuhuhu
    Post terbaru apiih di blog beliau.. Movie-Movie Yang Bakal Menggegarkan Pawagam pada 2011 My ComLuv Profile

    [Reply]

    Anarm reply:

    @apiih, bleh je pkai plugin.. ikut yg mana rasa senang.. aku lebih suka manual..

    [Reply]

  7. khai wan says:

    Bagus perkongsian menarik..kawe pun nk cuba2 juga ni..
    Post terbaru khai wan di blog beliau.. Cara simple tarik trafik ke blog anda My ComLuv Profile

    [Reply]

    Anarm reply:

    @khai wan, bereh.. bereh.. selamat mencuba..

    [Reply]

  8. mohdisa says:

    wah, menarik sekali. ni yang aku suka ni. nak cubalah, tapi agak susah juga kalau ng thesis aku ni. haha
    Post terbaru mohdisa di blog beliau.. Salam Perpisahan dan Selamat Maju Jaya My ComLuv Profile

    [Reply]

    Anarm reply:

    @mohdisa, kalau rasa susah, pkai je plugin.. pakai plugin rasanye die auto masukkan button tu.. tp aku kurang pasti.. aku tak penah try plugin.. aku buat cara manual je.. hehe

    [Reply]

    mohdisa reply:

    aku lebih suka dengan cara manual tak banyak load, aku dah cuba pasang cara manual. tapi takda tempat yang sesuai la plak.
    Post terbaru mohdisa di blog beliau.. Koleksi Entri Bulan April 2010 My ComLuv Profile

    [Reply]

  9. .SaYa SeDaP. says:

    best pasang benda ni. nampak cam dh upgrade sikit. (?)

    huhu. :lol: Post terbaru .SaYa SeDaP. di blog beliau.. bosan dengan komen blogger. hello wordpress! My ComLuv Profile

    [Reply]

  10. denaihati says:

    Terima kasih 4 the link love. 1 tips yg bagus untuk teman-teman. Budaya re tweet ni kita kena bina perlahan2 sebab masih ramai blogger Malaysia yg tak faham lagi. Bayangkan setiap entri mashable.com mendapat re tweet ratusan malah ribuan re tweet.
    Post terbaru denaihati di blog beliau.. Aminulrasyid Amzah pergi dalam misteri – Al-Fatihah My ComLuv Profile

    [Reply]

    Anarm reply:

    @denaihati, sama2.. terima kasih jugak sebab bawa budaya retweet ni kt malaysia (menurut kata azmanishak).. :happy:

    [Reply]

  11. azizan4444 says:

    terbaiklah tutorial ni…ad plugin ok la..bab manual ni aku fail skit…
    Post terbaru azizan4444 di blog beliau.. Blogger + Duit = Politik My ComLuv Profile

    [Reply]

    Anarm reply:

    @azizan4444, takde la terbaik mana.. just amik drpd org yg dah buat.. credit kepada mereka..

    [Reply]

  12. yanmie says:

    semalam kakyan ada projek benda nie buat dr plugin tp bila klik like tu dia ada time tu je, bila len kali masuk blog, dia tak keluar pun like berapa..huhu..nnti nk try yg manual nie tgk camne, btw thanks sharing yea :)

    [Reply]

    yanmie reply:

    @yanmie, hahhaa kakyan pnya themes tu takde fail single.php dah tu cuba pulak cari code the_content() mmg takde :shocked:

    nmpknya kenalah guna plugin, tp ada bnyk plugin like nie tak tau mana 1 yg ok…ada cadangan tak :biggrin: Post terbaru yanmie di blog beliau.. Ya Rabbi aku dapat lembu free – sila percaya My ComLuv Profile

    [Reply]

    Anarm reply:

    @yanmie, kalau menurut kata syahirul.com, die pakai plugin FBLikeButton.. best katanye.. kakyan boleh la try plugin tu ye.. :happy:

    [Reply]

  13. Syafrizal says:

    Aku nak gunakan plugin. Malas nak godek2.. hehe
    Post terbaru Syafrizal di blog beliau.. Paramaria Plus: Penyelesaian masalah haid wanita My ComLuv Profile

    [Reply]

    Anarm reply:

    @Syafrizal, terpulang nak pakai plugin ataupun buat cara manual.. asalkan keluar bende yg nak tu cukup le.. hehe.. aku lebih suka wat manual sebab dlm proses nak mengurangkan kuantiti plugin.. rasa mcm dh byk sgt pkai plugin.. org ckp plugin banyak2 bleh memberatkan blog.. risau gak ni..

    [Reply]

  14. eiyda says:

    entry ni rasenyer entry ke lima yg owang bc sal wat pasang burtton LIKE ni..eheh…da buat pon..sila LIKE yer..hahah :biggrin: Post terbaru eiyda di blog beliau.. eiyDa:: Selamat hari Pekerja pada Yang Tak keje:: My ComLuv Profile

    [Reply]

    Anarm reply:

    @eiyda, mentipoo000ooo~ hak3… ok2.. nnt owang gi LIKE banyak2 kt blog.. :whistle:

    [Reply]

  15. wazy says:

    Aku nak test guna plug in dulu la,kalau tak ok baru guna manual
    Post terbaru wazy di blog beliau.. Selamat Hari Pekerja 1 Mei 2010 My ComLuv Profile

    [Reply]

    Anarm reply:

    @wazy, aku rasa dua2 sama je.. cara senang, plugin.. cara rumit skit, manual, sebab nak kene letak sendiri code tu kt dlm theme..

    [Reply]

  16. AyieBlog says:

    salam wak info yang bagus lepas nielah ayie nak test buat thank q for this info n nice toturial keep in tuch bro anarm :) :cool:

    [Reply]

    Anarm reply:

    @AyieBlog, ok2.. huh.. penat aku baca komen ko.. teruuusss je tadek noktah.. penat.. :sleeping:

    [Reply]

  17. Mr.Z says:

    info yang bagus, dah lama dah juga pakai button like ni, cuma skrg ni ada yang update punya kan.. :biggrin: Post terbaru Mr.Z di blog beliau.. Membeli Pakaian Berjenama Atau Biasa? My ComLuv Profile

    [Reply]

  18. shida says:

    jap aku cuba.. keh3
    Post terbaru shida di blog beliau.. Apantah? My ComLuv Profile

    [Reply]

  19. ariff says:

    oo. ni yang xyah guna plugin eh? bagus gak.
    Post terbaru ariff di blog beliau.. Team 100k Geng Blogger (Personal Blogger) My ComLuv Profile

    [Reply]

    Anarm reply:

    @ariff, yup.. yg ni takyah pakai plugin.. facebook dah sediakan laman khas utk generate code (for developer)..

    [Reply]

  20. MC says:

    haha bro..thanks la…bru jumpe..dlam perancangan nak ltak dlm blog aku huh ^.^ :cheerful: Post terbaru MC di blog beliau.. Jalan-Jalan Di Facebook: Bhgn 1 My ComLuv Profile

    [Reply]

  21. Kreuger says:

    elok dipasang button ni. tapi itu lah… orang suke pada tumpuan yang mudah dan besar.
    itu pada pandangan aku. nampak macam butang ReTweet tu besar skit. Kalau
    kita alihkan letak kat tajuk entri, sure orang senang nak like kan tajuk kita. kan anaram?

    anyway… thanks for pingback.. *tetibe jadi plak pingback sekarang ni* :blink: Post terbaru Kreuger di blog beliau.. Saya menduduki tangga ke lima untuk kata-kunci Azman I My ComLuv Profile

    [Reply]

    Anarm reply:

    @Kreuger, nnt aku nak edit balik button2 yg ada kt blog ni.. pingback blog aku asyik tak jadi je.. deym~ :angry:

    [Reply]

  22. mytafa says:

    xjd..nape ek…guna blogspot gak, dan dh ikut arahan kat atas tu, mmg nk try yg manual, tak jd2…huhuhu??
    Post terbaru mytafa di blog beliau.. Aku ditagged >> Terus Kamu Pulak ditagged… My ComLuv Profile

    [Reply]

    Anarm reply:

    @mytafa, tak jadi ke? mungkin code aku bg tu salah.. aku tak test pon code utk blogspot tu.. tengok kt blog ko dah ade button like.. camne ko buat? share skit.. bleh aku tukar code yg betol2 jadi..

    [Reply]

    mytafa reply:

    @Anarm, owh, aku guna code yg…. (tp cam ner nk paste yer…) hehehe
    Post terbaru mytafa di blog beliau.. Panas!! Panas!! My ComLuv Profile

    [Reply]

  23. Rozanighani says:

    Good tips! Mana aku nak thumb kat tempat ko anarm?
    Two thumbs!
    Post terbaru Rozanighani di blog beliau.. Guna Ping Ninja! Wacha! My ComLuv Profile

    [Reply]

    Anarm reply:

    @Rozanighani, button Thumb ade kat penghujung entri..

    [Reply]

  24. mokteh says:

    untuk aku better pakai plugin je kot
    coding tak reti…takut salah jadi lain pulak kang
    thx untuk link tu
    Post terbaru mokteh di blog beliau.. Finally at Home: Home Sweet Home! My ComLuv Profile

    [Reply]

    Anarm reply:

    @mokteh, tak kisah mane2 pon.. asalkan keluar button tu.. sama2 mokteh.. :happy:

    [Reply]

  25. Fazreen says:

    aku pn dh pasang juga..mcm best..hahaha..dh ada blog tuk local ni kena la psg..ambil advantage…dlu berblog diluar org xpndg facebook..blogger luar xsuka promo guna facebook sbb dorg jga gila profile fb dorg dr diceroboh org xd kenali..

    P/s: ak nk terjah blog ko dgn artikel ak boleh???? :)

    [Reply]

    Anarm reply:

    @Fazreen, artikel ape? best? huhu

    [Reply]

  26. nyetok says:

    Bravo..! lepas ni wat tutorial pasang butang fbshare secara manual utk wp plak =)
    Post terbaru nyetok di blog beliau.. Lif dalam hidup beliau My ComLuv Profile

    [Reply]

  27. MrSup says:

    style la bro..banyak aku blaja dari blog ko..teruskan usaha untuk membantu orang yang macam aku ni..huhu

    [Reply]

  28. Azam says:

    adekah keterlaluan kalau aku letak sebelum dan selepas content tu..hehe

    [Reply]

  29. najster says:

    thanks for the info bro! :biggrin: Post terbaru najster di blog beliau.. Adobe Photoshop CS5 Extended My ComLuv Profile

    [Reply]

  30. Pisyek says:

    wow~ kne test pasang kat blog aku gak nih… haha… :devil: Post terbaru Pisyek di blog beliau.. 13 Perisian Wajib Pasang My ComLuv Profile

    [Reply]

  31. [...] Queries from Search Traffic : facebook, facebook login, facebook.com, face, http://www.facebook.com, face book, fb, facebok, facebook en español, [...]

  32. aku coba pake plugin.. tapi memang ingin coba secara manual.
    Post terbaru lowongan kerja di blog beliau.. Game Master (GM) Vacancy Interactive Online My ComLuv Profile

    [Reply]

  33. Mashi says:

    Mashi dah pasang :cool: Post terbaru Mashi di blog beliau.. Gadget Ansuran untuk pelajar? My ComLuv Profile

    [Reply]

    lowongan kerja reply:

    @Mashi, lum ada kesempatan tuk coba ni.. :(
    Post terbaru lowongan kerja di blog beliau.. Assistant IT Support Vacancy Jatim AutoComp Pasuruan My ComLuv Profile

    [Reply]

  34. syinrayafa says:

    mantap-mantap! i suka…dah merebak dah org guna ni….aku baru nk try guna…hahahaha.. :biggrin: :biggrin: :biggrin: :biggrin: Post terbaru syinrayafa di blog beliau.. Saya tiada idea untuk update blog, jadi saya buat entri ini. My ComLuv Profile

    [Reply]

  35. [...] Credit untuk Liliana Mardiana sebab bagitahu I pasal plugin ni. UPDATE ; Ini tutorial untuk buat secara manual [...]

  36. nazra says:

    trimassss inchik anarm ^___^

    [Reply]

  37. Lovillea says:

    still xleh guna lah…
    kenapa erk..
    wen sy dh buat readmore trus hilang button like nie.. kenapa erk??
    Post terbaru Lovillea di blog beliau.. ✿1000 Ciuman✿My ComLuv Profile

    [Reply]

  38. MediaHehe says:

    Demi abang Anarm, saya dah pasang butang LIKE kat GambarHehe.. :biggrin: Post terbaru MediaHehe di blog beliau.. Lukisan Cantik Menarik TertarikMy ComLuv Profile

    [Reply]

  39. AkuSeti says:

    TQVM atas tutorial yg diberi …boleh la sy pasang kt blog sy …sebagai orang baru …memang seronok dapat belajar banyak perkara pasal blog ni… :angel: Post terbaru AkuSeti di blog beliau.. Cara Mudah untuk Buat Duit Tanpa ModalMy ComLuv Profile

    [Reply]

    Anarm reply:

    @AkuSeti, ya.. memang seronok menimba ilmu dgn blog.. macam2 perkara kita boleh belajar.. yg penting rajin cari ilmu, rajin bertanya, berani mencuba.. kalau gagal takpe.. tu salah 1 proses utk berjaya.. :happy:

    kalau tak berjaya buat mcm dlm tutorial ni, bleh tanye kat sini..

    [Reply]

Leave a Reply

IP anda telah direkodkan : 38.107.191.91

CommentLuv Enabled

More in Facebook,tutorial (5 of 7 articles)

Switch to our mobile site