Cara Mudah Pasang Emoticon Di Kotak Komentar

Memasang emoticon di kotak komentar memang sangat menarik. Selain untuk menghias blog kita, emoticon juga bisa mejadikan pengunjung blog kita tertarik untuk meninggalkan komentar mereka karena dapat meng-ekspresikan perasaan mereka tidak berupa tulisan saja.

Bagi sobat yang tertarik memasang emoticon, siapkan dulu kopi sama rokok karena cara ini bisa memakan waktu 2-3 jam ( hehe becanda kok.. )
Langsung saja sobat ikuti cara-cara berikut ini.

Sebelumnya pastikan kotak komentar sobat berada di bawah posting, caranya pergi ke pengaturan, komentar pilih tampilkan di bawah entri.
Selanjutnya untuk pemasangan emoticon, klik rancangan pilih edit HTML Expand Template Widget kemudian cari kode </body> letaknya paling bawah di atas kode </html>. Pasang kode berikut di atas kode warna hijau

Kemudian cari kode berikut

<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>

Paste kode di bawah ini di bawah kode

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
:X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:|
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))

Simpan pekerjaan sobat. Hasilnya bisa lihat di kotak komentar blog ini.
thanks buat o-om untuk script N' tutorialnya.

Semoga bermanfaat.
Alhamdulillah..

33 komentar:

Unknown19 Februari 2011 pukul 22.06
Mantaaaaappp,langsung praktek deh sob..:))
BalasHapus
Balasan
wayan darte aseh6 Maret 2011 pukul 22.03
kok ngax bisa gan.. tolong di balas. terimakasih
BalasHapus
Balasan
Fery6 Maret 2011 pukul 22.43
@wayan darte aseh Bisa kok sob. Coba di teliti lagi, mungkin ada yang salah dalam penempatan kodenya. Kalau memang sudah benar pasti muncul emoticon nya.
Kalo ada kesulitan silahkan tanya lagi sobat...
BalasHapus
Balasan
wayan darte aseh6 Maret 2011 pukul 22.53
udah gan, tpi tetep ngax bsa tolong dibantu. kode yang kedua diletakan dmna gan?
BalasHapus
Balasan
wayan darte aseh6 Maret 2011 pukul 23.13
o iya gan mau tanya satu lagi bagaimna cra nya buat home,banner exchange, link exchange, parsing html kode seperti punya agan. tpi kata2 nya diubah. menjadi seperti home,contact,about. sama menambahkan animasi ke komentar. atas perhatiaan nya terimakasih. tolong kirim ke email wayandharma_xp@yahoo.co.id
BalasHapus
Balasan
Fery6 Maret 2011 pukul 23.31
@wayan darte aseh Silahkan di baca lagi dengan seksama sob. Untuk kode yang ke dua di letakkan tapat di bawah kode warna hijau 
Untuk horizontal menu, di tunggu postingan selanjutnya sob...
BalasHapus
Balasan
wayan darte aseh6 Maret 2011 pukul 23.41
sob malh keluar kata2 nie. gmna nie? Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
Pesan error XML: The element type "b:includable" must be terminated by the matching end-tag "".
BalasHapus
Balasan
wayan darte aseh6 Maret 2011 pukul 23.44
sob malh keluar kata2 nie. gmna nie? Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
Pesan error XML: The element type "b:includable" must be terminated by the matching end-tag "".
maksih sob tas koment nya, nanti saya kan posting lagi..
BalasHapus
Balasan
Fery7 Maret 2011 pukul 00.00
@wayan darte aseh Mungkin sobat kurang menambahkan tag di akhir kode kedua, karena html harus di akhiri dengan tag penutup.
Seperti harus di tutup dengan dan harus di tutup dengan dan seterusnya..
BalasHapus
Balasan
wayan darte aseh7 Maret 2011 pukul 22.13
gan masih tetep keluar kta2 nie
Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
Pesan error XML: The element type "p" must be terminated by the matching end-tag "".
BalasHapus
Balasan
wayan darte aseh7 Maret 2011 pukul 22.42
mau ralat gan, yang kode html yang Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
Pesan error XML: The element type "p" must be terminated by the matching end-tag "".
yaitu kode html yang kedua gan. terimaksih..
BalasHapus
Balasan
Fery7 Maret 2011 pukul 22.49
Kalau gitu tinggal di akhiri tag aja. Perhatikan kode warna hijau di atas sob, silahkan di baca lagi...
BalasHapus
Balasan
wayan darte aseh7 Maret 2011 pukul 23.23
sob tag p nie yang bikin parse stelah tak buang template dapt dismpan. tpi kok emotion nya ngx muncl mohon pencerhan..
BalasHapus
Balasan
Fery7 Maret 2011 pukul 23.47
Biasanya kode ada 2 sob, pasang di bawah yang ke 2. Perhatikan kode setelah di atas, sudah betul apa tidak dalam meletakkan kodenya?
Buktinya saya barusan pasang di Blog ini gak sampe satu menit udah muncul...
BalasHapus
Balasan
wayan darte aseh8 Maret 2011 pukul 00.19
udah jdi. tpi kok emotion nya ngax tpil. cba lihat http://wayandharma-xp.blogspot.com kasih komen y sob n follof ya. maksih..
BalasHapus
Balasan
123horas10 April 2011 pukul 05.22
wohoho. seru-seru.seru..

:X :X :X :X :X :X :X :X :X :X
BalasHapus
Balasan
123horas10 April 2011 pukul 17.29
wooowowowow..
b-( Kang.. ini jadinya kok dibawah kotak Komentar ya?

Lihat hasilnya di Blog saya
123horas.blogspot.com

caranya biar tempatnya di atas Kotak
Komentar Gimana kang?

:-/ :-/ :-/ :-/

gomenasaiii.... kaya'nya saya banyak nanya..
:D
BalasHapus
Balasan
Si Belo20 April 2011 pukul 12.06
Akhhhhh...sebbel gak berhhasilll :((
BalasHapus
Balasan
Test6 November 2011 pukul 03.58
PERTAMAX !!!
BalasHapus
Balasan
Pemalang13 November 2011 pukul 02.31
Dicoba dulu ya sob. Thanks share nya nih... 2 jempol deh buat anda... :D
BalasHapus
Balasan
Blog Yahyagan20 Desember 2011 pukul 10.12
makasih banget gan tutorialnya haha
BalasHapus
Balasan
Kumpul info1 Januari 2012 pukul 02.04
Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
Pesan error XML: The element type "div" must be terminated by the matching end-tag "(/div)".

Saya bingung,, padahal semuanya sudah tertutup dengan (/div)

Seharusnya blogspot melakukan perubahan.. agar kita tahu bagian mana yg tidak well formed.. Kalo sudah spti ini jadinya, sy jd sangat bngung, bagian yg mana yg harus sy tutup dengan (/div)
BalasHapus
Balasan
Unknown13 Mei 2012 pukul 09.53
:)
BalasHapus
Balasan
☆ Ahmbohkah ☆24 Februari 2013 pukul 08.51
gan,punyaku kodenya ada semua tapi pisah2,trus gi mana ??
BalasHapus
Balasan
Anonim26 Maret 2013 pukul 03.50
download template yang menyediakan emotion di http://caraber.blogspot.com/
BalasHapus
Balasan
Unknown31 Juli 2013 pukul 10.12
wah keren ....
visit my blog kawan http://wolezmawon.blogspot.com/
saran dan kritik ditunggu ^_^
BalasHapus
Balasan
obat benjolan di belakang telinga18 November 2013 pukul 09.42
terimakasih banyak atas info nya sangat bermanfaat sekali
semoga semakin sukses nya
BalasHapus
Balasan
benjolan di ketiak30 November 2013 pukul 14.04
artikel yang anda tulis di blog ini, sungguh sangat memotivasi diri saya untuk trus berkarya, terima kasih semoga kebaikan anda mendapatkan balasa yang lebih baik.
BalasHapus
Balasan
varida18 Desember 2013 pukul 10.36
trimakasi atas infonya semoga dapat bermanfaat gan
BalasHapus
Balasan
Obat benjolan di rahim20 Desember 2013 pukul 14.27
nice infonya.... sukses terus ea ditunggu artikel selanjutnya!!!
BalasHapus
Balasan
obat pembersih rahim21 Januari 2014 pukul 10.30

ditunggu artikel selanjutnya
BalasHapus
Balasan
harga mobil ertiga4 Juni 2015 pukul 09.55
kalo ada emoticon kayak gini bisa bikin berat website nggak sih gan? terus ada pilihan emoticon yang gambarnya mobil gitu nggak?
BalasHapus
Balasan
Roy Zaki22 Juni 2016 pukul 21.43
bagus info kotak komentarnya salam dari Kami
harga suzuki semarang
ertiga semarang semarang
ertiga semarang
BalasHapus
Balasan