Add Yahoo! Messenger Emoticons to blog

If you often chatting with yahoo! messenger, possibly you will familiar with emoticons such as :                  

How to adding Yahoo Emoticons to your post? there is very easy. You just add the codes to your post, what you want to put. However when you post an article, you must choose edit html tab tab, don't at compose tab tab.

This is the codes :

 

happy:)happy
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif" width="18" height="18" border="0">

sad:(sad
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif" width="18" height="18" border="0">

winking;)winking
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif" width="18" height="18" border="0">

big grin:Dbig grin
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" width="18" height="18" border="0">

batting eyelashes;;)batting eyelashes
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif" width="18" height="18" border="0">

big hug>:D<big hug
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/6.gif" width="18" height="18" border="0">

confused:-/confused
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif" width="18" height="18" border="0">

love struck:xlove struck
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif" width="18" height="18" border="0">

blushing:">blushing
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/9.gif" width="18" height="18" border="0">

tongue:Ptongue
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif" width="18" height="18" border="0">

kiss:-*kiss
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif" width="18" height="18" border="0">

broken heart=((broken heart
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif" width="18" height="18" border="0">

surprise:-Osurprise
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif" width="18" height="18" border="0">

angryX(angry
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif" width="18" height="18" border="0">

smug:>smug
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif" width="18" height="18" border="0">

coolB-)cool
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif" width="18" height="18" border="0">

worried:-Sworried
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif" width="18" height="18" border="0">

whew!#:-Swhew!
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif" width="34" height="18" border="0">

devil>:)devil
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif" width="18" height="18" border="0">

crying:((crying
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif" width="22" height="18" border="0">

laughing:))laughing
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif" width="18" height="18" border="0">

straight face:straight face
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif" width="18" height="18" border="0">

raised eyebrow/:)raised eyebrow
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif" width="18" height="18" border="0">

rolling on the floor=))rolling on the floor
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif" width="30" height="18" border="0">

angelO:-)angel
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif" width="30" height="18" border="0">

nerd:-Bnerd
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif" width="24" height="18" border="0">

talk to the hand=;talk to the hand
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif" width="18" height="18" border="0">

 

Yahoo hidden emoticons



puppy dog eyes - New!:o3puppy dog eyes - New!

<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/108.gif" width="31" height="18" border="0">

I don't know:-??I don't know
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/106.gif" width="40" height="18" border="0">

not listening%-(not listening
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/107.gif" width="52" height="18" border="0">

pig:@)pig
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/49.gif" width="18" height="18" border="0">

cow3:-Ocow
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/50.gif" width="18" height="18" border="0">

monkey:()monkey
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/51.gif" width="21" height="18" border="0">

chicken~:>chicken
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/52.gif" width="18" height="18" border="0">

rose@};-rose
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/53.gif" width="18" height="18" border="0">

good luck%%-good luck
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/54.gif" width="18" height="18" border="0">

flag**==flag
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/55.gif" width="25" height="18" border="0">

pumpkin(~~)pumpkin
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/56.gif" width="17" height="18" border="0">

coffee~O)coffee
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/57.gif" width="18" height="18" border="0">

idea*-:)idea
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/58.gif" width="30" height="18" border="0">

skull8-Xskull
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/59.gif" width="18" height="18" border="0">

bug=:)bug
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/60.gif" width="20" height="18" border="0">

alien>-)alien
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/61.gif" width="18" height="18" border="0">

frustrated:-Lfrustrated
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif" width="18" height="18" border="0">

praying[-O<praying
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/63.gif" width="18" height="18" border="0">

money eyes$-)money eyes
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/64.gif" width="18" height="18" border="0">

whistling:-"whistling
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/65.gif" width="22" height="18" border="0">

feeling beat upb-(feeling beat up
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif" width="18" height="18" border="0">

peace sign:)>-peace sign
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/67.gif" width="22" height="18" border="0">

shame on you[-Xshame on you
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/68.gif" width="22" height="18" border="0">

dancing\:D/dancing
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/69.gif" width="26" height="18" border="0">

bring it on>:/bring it on
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/70.gif" width="23" height="18" border="0">

hee hee;))hee hee
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif" width="18" height="18" border="0">

chatterbox:-@chatterbox
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/76.gif" width="36" height="18" border="0">

not worthy^:)^not worthy
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/77.gif" width="32" height="18" border="0">

oh go on:-joh go on
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/78.gif" width="26" height="18" border="0">

star(*)star
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/79.gif" width="18" height="18" border="0">

hiroo->hiro
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/72.gif" width="18" height="18" border="0">

billyo=>billy
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/73.gif" width="18" height="18" border="0">

aprilo-+april
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/74.gif" width="18" height="18" border="0">

yin yang(%)yin yang
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/75.gif" width="18" height="18" border="0">

 

This is the steps to add YM emoticons

When you post your article, choose tab. Write your article, and add some emoticons where you want at your post. For example :

Hi everybody, today i feel <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif" width="18" height="18" border="0"> because i'm <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif" width="18" height="18" border="0"> to someone <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/9.gif" width="18" height="18" border="0">

Publish your post, and the result will be like this :

Hi everybody, today i feel because i'm to someone

 

Besides above steps, there is other way which more simple that is as follows :

 

  1. You must used Firefox browser when you following this tutorial.
  2. Open your Firefox browser
  3. Install greas monkey, please click here!
  4. Click this script, and then click install.
  5. Go to yout template editor, and find this code ]]></b:skin>
  6. Copy and paste following codes above of ]]></b:skin>
  7. img.emoticon {
    padding: 0;
    margin: 0;
    border: 0;
    }

  8. Click Save Template button.
  9. Done.

 

After this, you will see the emoticons at your post Editor. However it only at compose tab tab editor. Screenshot :

 

post editor with yahoo emoticons

 

Remember, this is work at Firefox, not for internet explorer.

Beside at my blog, you can read this tutorial at this blog and that blog.

See you at my next post. Don't miss it.
Bookmark and Share

Insert your email address to receive updates on my Blogspot tutorial, Free Template and Site Info.

Comments :

45 Responses to “Add Yahoo! Messenger Emoticons to blog”
ferry3 said...
on 

hi mas rohman, hw are you today...wow your post is very excited and useful
I'll try it into my blog..thx and see you...

rohman said...
on 

@ferry3 : hi ferry3. I'm fine thank you. I'm glad to meet you at my blog.

Sailaja Prakash said...
on 

Hi Rohman,

Wow...it is very nice

Shemah said...
on 

Thank you rohman! I have been trying to figure out how to add emoticons to my blog for quite a while. And your tutorial really really helped. I can't believe it was really easy to do!

Million thanks!! :)

alia pewe said...
on 

permisi kang rohman
thanks a lot yaa tutorialnya ! :D
akhirnya rasa penasaran dan ngiler saya nglyat temen2 saya pd pake smiley dengan mudahnya terselesaikan jg :P

Wawan Blog's said...
on 

Thanks jg kang rohman,,
akhirnya....

MpokLiz said...
on 

Kok aku gak bisa yah> Gak muncul tuh?! Gimana yah mas, pdhal udah pake firefox kok

hyogha said...
on 

terima kasih kang

uday said...
on 

Thank you very much kang....

TirTo said...
on 

I'm very excited the tips but why I can't download Greasemonkey from https://addons.mozilla.org/en-US/firefox/addon/748
the comment is unexpected installation error -203

Jefry said...
on 

thank for your post.. and i can study from your post.. :p

silenceheart said...
on 

Mas Aku dah nyoba tapi gak bisa. kira2 kenapa yah ?

eva lina said...
on 

LLAH MAS AKU NYOBA YANG INI, TAPI YANG GREASE MONKEY NYA GAK BISA DI INSTAL,,
TRUS YANG JAVA SCRIPTNYA JG GAK BISA DI BUKLA
AYA NAON?

Mr. Mung said...
on 

:)) :)] ;)) ;;)

saint angel said...
on 

makasih akhirnya bisa.....

TiMmY said...
on 

great great great !!!

thanks a lot ...

but i got a question ...

if i have my own emoticons , and i wanna add them , how can i do that ??

rohman said...
on 

If you have some emoticons, you can add them. upload your emoticons, get the URL of them. Then add to script above.

TiMmY said...
on 

thanks a lot for replying ,
but now i can see the ".js" source , but i cannot edit it !!!

i'm sorry , but how i can add my uploaded emoticons to it ??

i.e. if i got some uploaded emoticon like this :
http://www.geocities.com/kendhin_x/blog/smile/senang.gif

how can i add it to the script ??


- and another question please ..
when i add any emoticon, it appears with a square border around it !!!
is there any way to remove it ??

thanks a lot ,
and sorry for tiring you :)

Anonymous said...
on 

nice thing yar

Anonymous said...
on 

can u plllllz tell me where is the template editor is , how can i fond the template editor to paste the above mentioned script... plz help. i had installed greas monkey , what and how to do the next step ? please help .

jed_oh_jed said...
on 

yeah, same question.. where can i find the template editor so i can paste the script.. please help

jed_oh_jed said...
on 

aahH!! seen it! click settings/layout/edit html and there's the template!

Daniel said...
on 

Hi Rohman, i need your help, I can't use this function, how to do this?..

Daniel said...
on 

Hi kang Rohman, please help me step by step, i can't. Do i make mistakes?

dina said...
on 

thx 4 d info,, i'm still a newbie :)
i just learned to create my own blog..
do we have 2 install grease monkey?
coz i didn't install it,, i put emoticon in my blog but the emoticons got frame around it? how can i remove it? or did i do something wrong?

plz help me,, thx a lot

neta said...
on 

nice post

sarah said...
on 

yahoo have got the best emoticon collections (:

Rajee said...
on 

I dont see the emoticons at your post Editor after installing grease monkey using firefox browser. Pls help me.

stormwind said...
on 

worked perfectly! :) thanks!

~BECKY~ said...
on 

You are awesome!!!!
I'm soooo happyyyyy thank you, man.
I'll kiss your feet LOL

afrah-sefia said...
on 

Thanks ^__^

KENTz said...
on 

helo thanks for the info it's very usefull!!!!
thank you very much,because since im new here i don't know how to organize the html because its make me confuse but,because you tour me i can make it.thank you very much!!!!.kent

ROSIDAH said...
on 

Terima kasih untuk html codes-nya. Sangat bermanfaat :)!

hengky said...
on 

thanks, so work..

agus-ID said...
on 

Hi,
Nuhun akang, bingung cari2 link emoticon ketemu juga.

noy said...
on 

waaaaaw...thx brow 4 the tutorials....It's great...

Sally Rose Mei said...
on 

how do i add my own smiley icons like yahoo smileys in my blog post where i can pick them?

Sally Rose Mei said...
on 

how can I add my own smileys to the post?
I mean where you have a whole bunch of smileys together and u choose which one to use... ><"

Hunny MJ @ PinkyRetro said...
on 

OMG !
TQ so much for this tutorial !!
:)

محمد طارق راحیل said...
on 

thank you!...................

mels said...
on 

thanks for this tutorial!!! :D

Remedies For Vaginal Dryness said...
on 

Hello thanks for the info it's very usefull.
thank you very much,because since im new here i don't know how to organize the html because its make me confuse but,because you tour me i can make it.thank you very much Kang Rohman.

Shaz said...
on 

Hello Kang,
Tq so much 4 the wonderfull tutorial. So much to learn N yr easy step by step guidance really helps me. Good job kang, keep up up.

http://ilhamcreations.blogspot.com/

PattieJ said...
on 

I did everything and the smilies come out at the bottom of my posts below my siggy instead of where I want them???? what can I do to fix this?

Penghasil Uang Gratis said...
on 

Important and very interest for me....
Thanks

Post a Comment

Please comment in English.

Spam Comment will be delete!

 

Translator

English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified
Widget by : Blog tutorial
Bottom