Cara Menambahkan Smiley Komentar Pada WordPress

(5 November, 2008) Kategori: Wordpress, Wordpress Plugin | by: admin

Kali ini saya akan membagikan dengan sangat detail Cara Menambahkan Smiley/Emoticon Pada Form Komentar Wodpress. Setelah mencari lewat mbah google, akhirnya saya menemukan, mencoba, eror dan akhirnya berhasil.. Sempet kesulitan juga mencari tutorialnya, pake keyword Emoticon eh yang keluar malah tutorial ganti favicon dan pasang icon YM. Karena sempat kesulitan itulah saya ingin berbagi kebahagiaan.

Artikel tanpa dikomentari komentar tentu kurang asyik kan? Namun komentar tanpa smiley, bagai makan bakso tapi ga bayar. Tutorialnya mudah saja, jangan deg-degan dulu yah. Bagi yang tidak mengerti php dan bahasa dewa lainnya jangan khawatir, tinggal copas aja kok <—- gue banget

Plugins ini sudah dicoba di blog ini (Wordpress versi 2.5.1) dan blog ini (versi 2.6.2) ? lancar-lancar saja.

Begini caranya; ……… lari

Download file smiley yang kubuat kumodif dikit. Klik disini untuk mendownload file Luxboy-Smiley2.zip (233KB).

Masuk ke Cpanel Anda atau ketik di browser: http://namabloganda.com/cpanel. Setelah masuk, cari folder File Manager dan klik. Kemudian akan muncul halaman baru yang berisi isi daripada blog kita. Ketikkan /public_html/wp-content/plugins pada kotak kiri dan klik Go. Setelah muncul halaman plugins, klik folder upload di bagian kiri atas. Dan akan muncul halaman baru. Lalu klik browse dan cari file luxboy-smiley.zip yang telah didownload tadi.

Setelah proses upload selesai, kembali ke halaman plugins. Lalu centang file Luxboy-Smiley2.zip dan klik extract di bagian kanan atas. Klik Ok dan kemudian klik Ok lagi.

Nah pengaturan di cpanel sudah selesai. Sekarang kita masuk ke backend pada Wordpress dengan mengetikkan http://namabloganda.com/wp-admin di browser.

Masuk ke bagian plugins (kanan atas) dan lihat apakah file Luxboy-Smiley2.zip yang barusan Anda upload sudah ada? Jika ada, klik Activate lalu lihat pada petunjuk yang tertulis disana. Petunjuknya seperti ini: Hilangkan tanda centang pada ‘Convert emoticons like :-) and :-P to graphics on display’ di bagian setting writing.

Masuk ke setting (kanan atas) lalu pilih tab writing. Cari 2 kotak kecil dan hilangkan centang seperti cara no.7 lalu klik SAVE.

Wah sudah hampir selesai, sekarang kita akan memunculkan smiley tersebut pada kotak komentar. Masih di halaman backend, masuk di Design lalu pilih Theme Editor dan lihat di samping kanan. Cari Comments.php lalu klik. lalu cari bagian ini:

<?php endif; ?> <–cari bagian ini
<p><?php smilies_clickable() ?></p> <–sisipkan ini
<p><textarea name=”comment” id=”comment” cols=”60%” rows=”10.. dst

ket: biru menunjukkan akhir dari postingan kita.
hitam menunjukkan form komentar.
sisipkan tulisan merah muda di antara kedua tulisan tersebut. klik SAVE.
SELAMAT, sekarang blog Anda sudah ngga sepi lagi. Mirip kan sama kotak komentar di bawah ini?!

Smiley-smiley yang ada di dalam folder Luxboy-Smiley2 bisa diganti dengan smiley lain, namun ada caranya. Akan saya bagikan caranya sesegera mungkin (kunjungi terus blog ini ya)

Kumpulan Artikel Terkait

Tags: emoticon komentar, emoticon wordpress, komentar, smiley, smiley pada wordpress, wordpress

« Seni Kaleng Bekas
Seni Dari Jam Tangan »

74 orang sudah berkomentar, ingin menambahkan?

1
utchanovsky, pada 5 November, 2008 pk 1:15 AM berkata:

Wuiiihhhh, nice info gan. Lengkap banget :tob:
2
izandi, pada 5 November, 2008 pk 11:12 PM berkata:

wah karena saya awam kode2 gitu saya pake plugins aja, smiley toolbar, tinggal pasang
3
gadis, pada 6 November, 2008 pk 5:45 AM berkata:

smiley nya lucu2 :D
4
zee, pada 6 November, 2008 pk 9:00 AM berkata:

Tipsnya bagus, detail sekali jadi memudahkan utk yg belum pernah nyoba sama sekali **kayak saya :)
5
tipis, pada 7 November, 2008 pk 1:42 AM berkata:

hehe lutu2 iconna. jd pengen pasang juga :D ada yg lebih kecilan gak mas ? :D
6
yudi, pada 7 November, 2008 pk 9:36 AM berkata:

nah akhirnya ada tutorialnya juga, thanks yow…:tob:
7
Keris, pada 7 November, 2008 pk 1:04 PM berkata:

tempat saya sudah langsung ada waktu pasang templatenya :)
8
Dalmuji, pada 7 November, 2008 pk 3:18 PM berkata:

Langsung coba…!!:tob::tob::tob:
9
ghprod, pada 8 November, 2008 pk 1:08 PM berkata:

Yuuhuhuhu … nice bro :D

salam :)
10
rozy, pada 10 November, 2008 pk 4:17 PM berkata:

thanks artikelnya, ntar dicoba :)
11
Indah, pada 14 November, 2008 pk 11:06 PM berkata:

huwaaa lucu-lucu banget..
makasi sharingnya… :nyembah:
12
Tempoyak, pada 16 November, 2008 pk 5:59 PM berkata:

:jedug:puyengpuyeng:jedug:
13
afif, pada 18 November, 2008 pk 1:55 PM berkata:

saya masih belajar blog boss,…tidak tahu css php gimana dong boss,…
14
welly, pada 27 November, 2008 pk 2:42 PM berkata:

saya sudah mengikuti langkah2 nya tapi kok nggak munculjuga ya mas ??
15
indah, pada 16 December, 2008 pk 10:51 AM berkata:

yep, saya udah pake. Ngomong-ngomong, ada smiley versi lain ga? yang lucu, keren, tapi ga terlalu gede’
thanks
16
fauzi, pada 2 January, 2009 pk 11:47 AM berkata:

bgus banget….
pa bisa di pake di versi 2.7???
17
Smiley Wordpress Berukuran Kecil, pada 3 January, 2009 pk 1:52 PM berkata:

[...] memposting tentang Cara Menambahkan Smiley Komentar Pada Wordpress, banyak yang meminta smiley berukuran kecil pada komentar blog Wordpress legendaris ini. Nah [...]
18
Smile Comment Plugin untuk Wordpress | dangDyud.kandangbuaya.com, pada 3 January, 2009 pk 5:01 PM berkata:

[...] error dengan beberapa plugin,akhirnya saya nemu plugin smile comment yang pas buat blog saya ini di http://gugling.com/cara-menambahkan-emoticon-pada-form-komentar/ Thanx banget buat mas lukman hermawan yang sudah menyediakan smile comment plugin ini. Keren banget [...]
19
sanjaya, pada 3 January, 2009 pk 5:03 PM berkata:

:tob:

nice inpo gan,thanx buat pluginnya,udah saya pasang diblog saya. Keren.
makasih yaw gan. :beer:
20
hermancool, pada 5 January, 2009 pk 5:29 PM berkata:

smiliesnya nggak bisa diklik,… AAD blokku ya?

padahal udah tak tambah kode php clickable smiley nya,.. :nangis:

Bisa diberi pencerahan,..
21
mashengky, pada 9 January, 2009 pk 5:43 PM berkata:

thanks yaa.. ntar gue kasih tau temen2 suruh donlod di blog elo..

:diem:
22
adhyt, pada 14 January, 2009 pk 2:28 PM berkata:

makasih ya atas komentarnya ^^.
No SPAM please!maaf saya baru belajar blog.
bagaimana cara mengupload plugin ke dalam wordpress.com

sedangkan cpanel di wordpress.com tidak ada apakah ada yang gratisan

mohon bantuannya……
23
gunraytasti, pada 24 January, 2009 pk 4:12 PM berkata:

Waduuh boss:nangis: gw newbie yang Gaptek, ajarin lagi woii,,,masih bingung… :plis:
24
mutie, pada 26 January, 2009 pk 2:25 PM berkata:

:lirik: file smiley nya pas uda di donlot ternyata corrupt. uda bbrp kali nyoba donlot, tp hasilnya sama :nangis: gmn doooong….
25
biscottie, pada 31 January, 2009 pk 2:31 PM berkata:

thanks banget atas infonya.. ijin download dulu..
26
GGC, pada 3 February, 2009 pk 8:00 PM berkata:

Info yang dah sebulan sy cari2… muantap…
btw.. baru browse …nama blog/cpanel kok dibilang dak ditemukan bro, gemana donk?

Maklum gatek abis…
Thanks berat
:puyeng:
27
GGC, pada 3 February, 2009 pk 8:06 PM berkata:

satu lagi bro..
kalo di wordpress.com gratisan bisa gak, ya?
tks
28
GGC, pada 4 February, 2009 pk 12:31 AM berkata:

thanks berat infonya bro. berarti hrs upgrade donk..
29
pembunuh nyamuk, pada 4 February, 2009 pk 4:20 PM berkata:

izin nyoba :hoho:
30
pembunuh nyamuk, pada 4 February, 2009 pk 4:47 PM berkata:

wah mantab! udah sukses diaplikasikan di blog saya!

makasih tutorialnya :tob:
31
parlin, pada 11 February, 2009 pk 10:21 AM berkata:

wah.. bagus banget tutornya om….
tutornya lengkap…:hore:

akan dicoba di blog saya om…
boleh apa enggak,, soalnya pake wp 2.7
32
andrie, pada 13 February, 2009 pk 5:26 PM berkata:

Thank’s banget infonya, btw ada beberapa yang crash seh di blog anda?::nyembah:
33
andrie, pada 13 February, 2009 pk 5:43 PM berkata:

Pa, kalo di 2.7 bisa ga?
34
king_oni, pada 10 March, 2009 pk 12:25 AM berkata:

muantap bro nanti aq maw coba nie! thanks infonya ya :evillaugh:
35
ponseli, pada 10 March, 2009 pk 11:28 AM berkata:

terima kasih atas penjelasannya :) membantu banget nie
36
agoenk lanank, pada 13 March, 2009 pk 12:28 PM berkata:

Thank’s bro atas infonya, lengkap banget neh n gue banget….

Salam kenal….
37
agoenk lanank, pada 13 March, 2009 pk 12:50 PM berkata:

Sekali lagi thank’s ya bro, uda aku coba n ternyata berhasil…

Trims n salam kenal :hore:
38
dawiecool, pada 18 March, 2009 pk 12:32 AM berkata:

saya coba dulu deh…
thanks ya bro..
39
LIRIKANKU, pada 26 March, 2009 pk 5:48 PM berkata:

dah di coba and berhasil makasih banyak mas….:tob:
40
Copet, pada 29 March, 2009 pk 11:01 PM berkata:

test :matabelo:

tenyu juragan :tob:
41
ardani, pada 11 April, 2009 pk 1:24 PM berkata:

good joob keeyen banget lah..cipp 10 buat anda
42
iwan, pada 18 April, 2009 pk 3:19 PM berkata:

:mlorok::evillaugh: bagus bnget… thanx you…
43
edy, pada 3 May, 2009 pk 3:11 PM berkata:

mantap udah dicoba di http://uangdingin.com, cuman cara buat isian nama,email dan website di silahkan beri komentar caranya gimana ya
thanks
44
4viv, pada 17 May, 2009 pk 11:43 AM berkata:

ini yang ku cari,,,, makacih Om…:hore:
45
SobadDebo, pada 7 June, 2009 pk 11:24 PM berkata:

:nyembah::sikut:
thank’s prend,,,, akhirnya Done juga nich..
tp untuk di tambahi gambar icon nya bisa kan ?..
46
Lendra Andrian, pada 8 June, 2009 pk 6:59 PM berkata:

terima kasih bos.. :) telah berhasil, salam kenal :plis:
47
Smiley Wordpress Berukuran Kecil | gugling [dot] com, pada 17 June, 2009 pk 11:27 PM berkata:

[...] memposting tentang Cara Menambahkan Smiley Komentar Pada Wordpress, banyak yang meminta smiley berukuran kecil pada komentar blog Wordpress legendaris ini. Nah [...]
48
noe, pada 18 June, 2009 pk 1:40 PM berkata:

:jedug:
masa to
49
wisnu priambodo, pada 18 June, 2009 pk 1:42 PM berkata:

:mataduitan:
50
zura, pada 18 June, 2009 pk 3:49 PM berkata:

siip dech tutorialnya… makasih ya, ane numpang download and juga pasang di blog ane…

tha tha
51
uke poet, pada 29 June, 2009 pk 11:12 PM berkata:

thx buat smileynya. hehe saya plg suka model ini soalnya.
salam kenal
52
Dinda Watson, pada 2 July, 2009 pk 5:10 PM berkata:

Thank’s infonya langsung saya pakai
53
matley, pada 10 July, 2009 pk 1:48 AM berkata:

mas koq saya ga bisa ya..tetep aj halaman yang di cari tidak di temukan .
kenapa tuh mas ??
tolong ya mas..saya pengen banget ada emotion’a, supaya keren .

mkasih mas .
54
ucuppunk, pada 10 July, 2009 pk 5:24 PM berkata:

mantap…thanks infonya boy…:nyembah:
55
Andi, pada 11 July, 2009 pk 10:20 AM berkata:

kalo blog gratis kayak punya saya gak bisa ya? :mikir::nangis:
56
dede, pada 12 July, 2009 pk 8:56 AM berkata:

:)
57
janzhu, pada 21 July, 2009 pk 1:57 PM berkata:

:jedug:kk kok Q udh coba tp ga bsa2 gimana nih:matabelo::nangis:
58
IwanKus, pada 24 July, 2009 pk 2:04 AM berkata:

salam kenal mas
great info…mohon ijin download mas
trims
sukses untuk anda
59
IwanKus, pada 24 July, 2009 pk 4:39 PM berkata:

setelah utak dan atik akhirnya bisa juga mas tampildi blog baru saya
trims
60
seno, pada 22 August, 2009 pk 3:08 PM berkata:

http://gugling.com/wp-content/plugins/Luxboy-Smiley2/mataduitan.gif

hhaha
61
Yahoo Messenger Smiley Wordpress Plugin | gugling.com, pada 23 August, 2009 pk 5:17 AM berkata:

[...] instalasinya bisa dibaca langsung disini. Silahkan menikmati :) Tags: Blog, emoticon, messenger, smiley, wordpress, wordpress smiley, yahoo, [...]
62
benjo, pada 23 August, 2009 pk 4:48 PM berkata:

siiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiip choy
63
Andr1.tk, pada 26 August, 2009 pk 2:16 PM berkata:

Artikel nya koq mirip sama artikel nya mas lukman hermawa ya !!!! :24:

Tapi kereeeeeennnnn and cooll :4:
64
red, pada 11 September, 2009 pk 12:34 AM berkata:

akhirnya bisa juga saya tambahkan. Benar2 tutorial yang berguna
65
Mita, pada 19 September, 2009 pk 2:02 PM berkata:

gimana cara nambahin smileynya yaa?
bisa gak klo smiley nya gak pake yang mongki? gimana caranya?
tolong ajarin dooonk…
66
Mita, pada 19 September, 2009 pk 2:36 PM berkata:

“Smiley-smiley yang ada di dalam folder Luxboy-Smiley2 bisa diganti dengan smiley lain, namun ada caranya. Akan saya bagikan caranya sesegera mungkin (kunjungi terus blog ini ya)”
–>ditunggu update-annya yaaa… :pliiiis:
67
kowek, pada 2 October, 2009 pk 1:15 AM berkata:

langsung olah TKP aja ndan…
68
cah ndeso, pada 17 October, 2009 pk 3:22 PM berkata:

weehhh…mangtap mangtap gan bener2 PERTAMAX dah inpone. Mingtak ijin buat nyedot ya gan ? Skalin mo nyoba masang nih.

mPISSS gan
69
Lunang Rangga, pada 12 November, 2009 pk 10:42 PM berkata:

mangtabsssssssss :D
70
jono, pada 18 December, 2009 pk 2:17 AM berkata:
71
Den Hanafi, pada 14 January, 2010 pk 6:03 PM berkata:

Thanks..
72
vixioo, pada 18 January, 2010 pk 11:53 PM berkata:

thanx…download 1 yah
73
masih newbie, pada 9 February, 2010 pk 9:37 AM berkata:

oohh mangtabsssssssssss
74
dimo, pada 16 February, 2010 pk 11:53 AM berkata:

Terima kasih atas tutorial yang sudah di tulis…. tutorial ini berjalan lancar di wordpress 2.9.1

Buat temen2 yang pengen liat hasilnya bisa di lihat di blog saya di http:://www.acosweb.co.cc

Thanx… maen2 ya ke blog saya….