Udah beberapa lama ini, emoticon amit-amit imut-imut menghiasi kotak komentarku. Nah, sekarang aku ingin belajar blogging kali ini membahas gimana cara memasangnya. Sebenernya, pasang emoticon ini sudah diulas secara jelas oleh salah seorang mentorku, OOM pada blognya.
Tapi berhubung aku suka emoticon milik shout mix, sementara OOM hanya memasang sedikit emoticon Yahoo, aku berusaha memasukkan emoticon tersebut ke dalam kotak komentar.

Oke, sebagai perbandingan, gambar yang ada di bawah ini adalah gambar emoticon yang disematin OOM.
Emoticon di kotak komentar


Sekarang, coba bandingkan dengan milikku yang iniEmoticon di kotak komentarSekarang gak usah panjang lebar kalo ngoceh, langsung aja kita mulai proyeknya.
  1. Login ke blog kamu
  2. Pilih Tata Letak --> Edit HTML
  3. Download template kamu untuk keperluan back up data
  4. Pastikan kamu mencentang tanda
  5. Cari kode </body>, lalu pasang kode yang berwarna oranye dibawah ini diatas nya.
    <script src='http://alif.mp.googlepages.com/smiley.js'
    type='text/javascript'/>

    </body>
    </html>
  6. Kalau sudah, sekarang kamu boleh mencari kode berikut

    <p class='comment-footer'>

    Kalau sudah ketemu, sekarang kamu copy-paste kode berikut di bawahnya.

    <b><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'/>
    =))
    <img border='0' src='http://www4.shoutmix.com/smileys/cry.gif'/>
    :.((
    <img border='0' src='http://www4.shoutmix.com/smileys/cool.gif'/>
    B-)
    <img border='0' src='http://www4.shoutmix.com/smileys/eek.gif'/>
    0::
    <img border='0' src='http://www4.shoutmix.com/smileys/twisted.gif'/>
    :v)
    <img border='0' src='http://www4.shoutmix.com/smileys/twisted.gif'/>
    OK*
    <img border='0' src='http://www4.shoutmix.com/smileys/banghead.gif'/>
    0[]
    <img border='0' src='http://www4.shoutmix.com/smileys/buttrock.gif'/>
    0"*
    <img border='0' src='http://www4.shoutmix.com/smileys/drool.gif'/>
    :b:
    <img border='0' src='http://www4.shoutmix.com/smileys/notworthy.gif'/>
    v0^
    <img border='0' src='http://i302.photobucket.com/albums/nn111/boimlebon/coffee1.gif' width='50'/>
    2;7
    <img border='0' src='http://i302.photobucket.com/albums/nn111/boimlebon/baby.gif' width='50'/>
    @*</b>


  7. Setelah kamu simpan, selesai dah tahapannya. Sekarang emoticonnya udah tambah, lebih banyak....
    Menurut kamu berguna gak? Kalau ya, langganan aja via E-Mail. Klik disini Add to Technorati Favorites


Mungkin Kamu Mau Baca Ini:

42 yang bercuap

Anonymous said...

Ini nih yang ku cari.....suiiiipppppp....langsung katrol....

Kang Boim said...

ya nih sy juga barusan masukin gambar2 buat di shoutbox nya.....biar tambah banyak ekspresinya ....

uNieQ said...

banyak yang nyari niyh info kaya ginian.. ;)

Anonymous said...

wah... makasih ya.. cobain ahh... 2;7

Zippy said...

Kok di Blog gue nggak muncul yah kotak smileys'x..?? :o

Zippy said...

Kalo pake kode smiley'x, ntar bakaln muncul tuh gambar'x...
Tapi kotak yang ada gambar smiley'x nggak ada...
Knp yah..?? :-o

Anonymous said...

@zippy, aku udah survey dan mencoba emoticon di tempatmu. kayaknya kamu belum memansang kode gambar pada blog kamu. kamu hanya memasang java sriot yang mengubah karakter tertentu menjadi gambar.....

Anonymous said...

pas gw edit HTML blog gw, gw ga nemu kode
p class='comment-footer' tuh. So what should I do nih? thx ya

Anonymous said...

Udah dicoba scriptnya, g bisa, semua script yang kyk gini dah aku coba tapi gagal terus :(

Anonymous said...

@NdesO , kali ada yang keliru masangnya bos????????????

Piyen said...

wah ternyata berhasil... thanks infonya
salam kenal 2;7

rizuki said...

bos, ini artikel aslinya dari mana? copas yah,,, saya mau nannya tolong dijawab, kok emote komentarnya gak muncul gambar di komentar?

alief said...

@rizuki, makanya dibaca....

lok artikel ini asli dari oom, tapi udah aku modifikasi sendiri bagian scriptnya....

RoHiS 95 said...

ko tampilan emotion'y mlah di bwh post komentar ya...!!
mhon bantuannya :D

roomeyda said...

mas kalo caranya beri contoh gambar beserta tanda kayak di blognya mas gmn ya??? terima kasih pencerahannya

HarriAntto said...

nanya donk, gambar di kotak komentar ny muncul. tp pas di ketik di komentar gk maw jadi gambar. helpp me.. :.((

yusako said...

sayah boleh yah memanfaatkan ini.. hehe.. makasihhh banyak!

Unknown said...

Pke yang punya Kaskus, Seru n Lucu2 dech Om

Mau Liat n Cara Pasang nya Click di disini az...

TRIECK69 said...

This comment has been removed by the author.
TRIECK69 said...

aku dah nyoba tp tetep ga bisa apanya yang belum benernya.........:.((
udah di atur" tetep pas di komen ga mau berubah jadi emoticon yang lucu =))
mohon pencerahanya........v0^v0^v0^v0^v0^v0^
trieck69.blogspot.com

admin said...

@zulfikar, mungkin ada langkah yang kelewatan?

ijo said...

nice share...

yang tidak berhasil memasangnya coba liat d sini

http://ijo-blogtricks.blogspot.com/2010/12/emoticon-tidak-muncul-pada-kotak.html

liat juga cara pasang emoticon kaskus di kotak komentar

http://ijo-blogtricks.blogspot.com/2010/12/pasang-emoticon-kaskus-di-kotak.html

mampir ke blog saia yah...

browsing gratis dpt dollar said...

udah muter2 nyari yg kayak ini, tp gak ada yg bs dipasang. smg kali ini berhasil... 0[]

nari yunia said...

aq udah nyoba di blog aq kok gak bisa yach...... :.(( ~x(

Unknown said...

udah nempel di blog tapi sya coba comment koq gk berbentuk smiley/symbol yha?bentuknya cuman kode symbolnya doank..

fchords.blogspot.com

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =)) :.(( B-) 0:: :v) OK* 0[] 0"* :b: v0^ 2;7 *

Post a Comment

Silakan tulis komentarkamu di sini. Mohon gak ada spam ya, karena kalau ketemu spam pasti aku hapus.
Untuk menghindari adanya broken link, sertakan pula http:// nya saat menulis alamat blog kamu.

Untuk memakai emoticon seperti diatas, cukup copy paste code yang ada disamping emoticon yang mau dipakai.