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:
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)); ?>&layout=standard&show_faces=true&width=450&action=like&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 + "&layout=standard&show-faces=true&width=450&height=60&action=like&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:60px'/>
- Masuk ke Dashboard > Layout > Edit HTML. Kemudian download template anda dulu sebagai backup takut berlaku apa-apa yang tak diingini.
- Tick pada butang ‘Expand Widget Templates’ untuk memaparkan code secara keseluruhan.
- Cari code <data:post.body> menggunakan fungsi carian di browser (Ctrl+F)
- Paste code untuk button Facebook Like tadi selepas code <data:post.body>
Info tambahan:
- 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“.
- 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
like! like! like! :biggrin:
yayy berjayaaaa..tq so much :biggrin:
@hani syahida, sama2.. tahniah sebab berjaya buat.. terima kasih sebab singgah ke blog serba kekurangan ni.. nanti datang lg ek.. :blush:
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:
@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..
Demi abang Anarm, saya dah pasang butang LIKE kat GambarHehe.. :biggrin:
still xleh guna lah…
kenapa erk..
wen sy dh buat readmore trus hilang button like nie.. kenapa erk??
trimassss inchik anarm ^___^
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. =-.
Mashi dah pasang :cool:
.-= Post terbaru Mashi di blog beliau.. Gadget Ansuran untuk pelajar? =-.
@Mashi, lum ada kesempatan tuk coba ni.. :(
.-= Post terbaru lowongan kerja di blog beliau.. Assistant IT Support Vacancy Jatim AutoComp Pasuruan =-.
aku coba pake plugin.. tapi memang ingin coba secara manual.
.-= Post terbaru lowongan kerja di blog beliau.. Game Master (GM) Vacancy Interactive Online =-.
wow~ kne test pasang kat blog aku gak nih… haha… :devil:
.-= Post terbaru Pisyek di blog beliau.. 13 Perisian Wajib Pasang =-.
thanks for the info bro! :biggrin:
.-= Post terbaru najster di blog beliau.. Adobe Photoshop CS5 Extended =-.
adekah keterlaluan kalau aku letak sebelum dan selepas content tu..hehe
style la bro..banyak aku blaja dari blog ko..teruskan usaha untuk membantu orang yang macam aku ni..huhu
Bravo..! lepas ni wat tutorial pasang butang fbshare secara manual utk wp plak =)
.-= Post terbaru nyetok di blog beliau.. Lif dalam hidup beliau =-.
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???? :)
@Fazreen, artikel ape? best? huhu
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! =-.
@mokteh, tak kisah mane2 pon.. asalkan keluar button tu.. sama2 mokteh.. :happy:
Good tips! Mana aku nak thumb kat tempat ko anarm?
Two thumbs!
.-= Post terbaru Rozanighani di blog beliau.. Guna Ping Ninja! Wacha! =-.
@Rozanighani, button Thumb ade kat penghujung entri..
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… =-.
@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..
@Anarm, owh, aku guna code yg…. (tp cam ner nk paste yer…) hehehe
.-= Post terbaru mytafa di blog beliau.. Panas!! Panas!! =-.
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 =-.
@Kreuger, nnt aku nak edit balik button2 yg ada kt blog ni.. pingback blog aku asyik tak jadi je.. deym~ :angry:
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 =-.
oo. ni yang xyah guna plugin eh? bagus gak.
.-= Post terbaru ariff di blog beliau.. Team 100k Geng Blogger (Personal Blogger) =-.
@ariff, yup.. yg ni takyah pakai plugin.. facebook dah sediakan laman khas utk generate code (for developer)..
jap aku cuba.. keh3
.-= Post terbaru shida di blog beliau.. Apantah? =-.
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? =-.
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:
@AyieBlog, ok2.. huh.. penat aku baca komen ko.. teruuusss je tadek noktah.. penat.. :sleeping:
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 =-.
@wazy, aku rasa dua2 sama je.. cara senang, plugin.. cara rumit skit, manual, sebab nak kene letak sendiri code tu kt dlm theme..
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:: =-.
@eiyda, mentipoo000ooo~ hak3… ok2.. nnt owang gi LIKE banyak2 kt blog.. :whistle:
Aku nak gunakan plugin. Malas nak godek2.. hehe
.-= Post terbaru Syafrizal di blog beliau.. Paramaria Plus: Penyelesaian masalah haid wanita =-.
@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..
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 :)
@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 =-.
@yanmie, kalau menurut kata syahirul.com, die pakai plugin FBLikeButton.. best katanye.. kakyan boleh la try plugin tu ye.. :happy:
terbaiklah tutorial ni…ad plugin ok la..bab manual ni aku fail skit…
.-= Post terbaru azizan4444 di blog beliau.. Blogger + Duit = Politik =-.
@azizan4444, takde la terbaik mana.. just amik drpd org yg dah buat.. credit kepada mereka..
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 =-.
@denaihati, sama2.. terima kasih jugak sebab bawa budaya retweet ni kt malaysia (menurut kata azmanishak).. :happy:
best pasang benda ni. nampak cam dh upgrade sikit. (?)
huhu. :lol:
.-= Post terbaru .SaYa SeDaP. di blog beliau.. bosan dengan komen blogger. hello wordpress! =-.
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 =-.
@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
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 =-.
Bagus perkongsian menarik..kawe pun nk cuba2 juga ni..
.-= Post terbaru khai wan di blog beliau.. Cara simple tarik trafik ke blog anda =-.
@khai wan, bereh.. bereh.. selamat mencuba..
hahaha..aku pakai plugin jerk..uhuhuhuhu
.-= Post terbaru apiih di blog beliau.. Movie-Movie Yang Bakal Menggegarkan Pawagam pada 2011 =-.
@apiih, bleh je pkai plugin.. ikut yg mana rasa senang.. aku lebih suka manual..
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 =-.
@syahirul, aku pakai dekat blogspot.. jadi2.. yea2.. dekat wordpress tak try lagi… :happy:
.-= Post terbaru zik di blog beliau.. Selamat hari buruh 2010! =-.
@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
@Anarm, aku fail coding :( asas takde.. hahaha
.-= Post terbaru syahirul di blog beliau.. Cara mudah menulis komen di blog rakan =-.
@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 =-.
Aku pernah pasang pastu buang semula… hehe… tp nak pasang semula r… hehe
@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:
kawe penah klik button like kt blog org, tp xjd gapo2 pun..tu kawe heran tu
@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..
antara manual dan plugins yg mana lebih baik?
@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..
@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! =-.
@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:
@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 =-.
@Amirez, ha ah.. aku lebih suke guna cara manual.. baru mencabar sikit.. huhu
aku rasa tak perlu la aku ulang untuk cara pasng button like ni kan..
@Piratz, nak ulang kat blog ko ke? bleh je.. blog aku lain, blog ko lain.. blog ko ade follower tersendiri..
@Anarm, salam..sy tga na wt yg tutorial nie..tp blh laa…masih baru…cmne na cri single.php…….sy da cri kt ruangan editor tp xjmpe..
@airneslobeng, masuk bahagian Appearance > Editor.. pastu kt tepi2 sebelah kanan ade banyak list fail2 .php yang ada pada theme yang dipakai.. kat list tu, cari single.php, pastu klik..
@Anarm, salam…….thanz..da jadi…