Add Yahoo Smileys emotions in Blogger Comments



Now Friends you can use yahoo smileys emotions in blogger comments as well. As you would have been using it in posts but now for blogger you can use them in your comments also and your readers will get happy and excited using them.lapar

Now I will tell you how to install it in Blogger.

But first you should have inline comment form in your blogger (i.e embed comment form below bloggger posts) If you have it then its ok . Continue reading this post otherwise first install it by visiting this post.

Now How To Install It.

LAYOUT > EDIT HTML > EXPAND WIDGETS

Search (ctrl+F) for below codes:-


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


Replace the above codes with below one:-


<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #cccccc; padding: 5px; background: #eeeddf; height:86'>
<b>
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-*
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :|
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-}
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)]
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =))
</b>
</div>
<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>
</p>
</b:if>


PREVIEW IF NO ERRORS SAVE IT NOW !

Now first download the .js file from here http://bandofgirls.googlepages.com/smiley.js and upload to your server.

Now find the tag </body>

and place this script before it.

<script src='http://Your-script-url' type='text/javascript'/>

Change the above url with your link where you uploaded the .js file.

It is how it lookssengihnampakgigi


Now Use the codes you use in yahoo between comments to show them. If forget codes see them from above.jelir.

62 comments:

cheth said...

oh wow this is amazing! I shall make sure i use it in my new template!

cheth said...

just trying this ;;) :D

lvs said...

wow you even have a comment box right at the bottom of your post. This is really convenient. Mine opens up in a new window and that is really a hassle.

So let me make use of one of the smileys here: 8-}

cheth said...

@lvs

You too can have the comment form like in this page read this tutorial to implement it http://anshuldudeja.blogspot.com/2008/09/embed-comment-form-below-post-in.html

sakthi said...

hi friend,

Sakthi here. You remember me? You helped me in my blog template via blogger forum. Please check this link http://www.bloggerforum.com/modules/newbb/viewtopic.php?topic_id=26610&forum=2&post_id=106814#forumpost106814

I've some problem in implementing your code help. please help me.

Looking forward to your help.

Thanks...

Anshul said...

Ok buddy I will have an Post for you tomorow.

Cheapest Airfare said...

:D That will be VERY handy! Wonder why these things have to be hacked on Blogger. I plan to do this mod on my Cheapest Airfare blog - so simple!

:D:D:D:D

Shakti Singh Dulawat said...

Nice post by you
Thanks for sharing detail.

India salutes the heroes

Are you programmer???

Yaz said...

this doesnt work.. tried it 10 times.. I have embedded comments in my blog and the code that was to be replaced is exactly the same as above.. I even pasted the code u gave to be placed above the end of body.. no use! email me if u have anyother way of the correct way of doing this plz..

yaseenar1@gmail.com

anshul said...

Its working Buddy Check I have installed it in mine design also . you must have made some mistake.

Yaz said...

no mistakes.. i can send u my blog html to ur email if u wanna.. I tried it again.. the code is still in my blog.. and was there when u commented in my blog.. :( its working in ur blog but not in mine:((

Anshul said...

Ok yaz Just Expand your widgets and copy the codes of html in notepad and send me on my e-mail
anshulaffprg@gmail.com

I can check it because it can happen that may not work in yours.I will try.

sop said...

testing only
=))

Anonymous said...

testing
:)) :)]
www.funkruti.com

Anonymous said...

cool :)]

Anonymous said...

will it work :X

Navi Arora said...

Great work dude....

Keep it up !

i applied this trick to my blog cbse-sample-papers.blogspot.com

And its working :D

Anna Monique ♥ said...

help pls? i cant find the code to replace. i'm using blogger minima template

Al Azif said...

didn't work for me :(

does it take time before it appears?

Anshul said...

ya friedn it takes time to load :D

Anshul said...

Its working check all comments in mine friend they are working =))

Shey said...

Thanks! Very fun . But I had to fill in some of the code for the emoticons because you forgot some of them in the script you provided above.
Ex: Line 1, 2, 4, 5. But I'm happy that you posted it. thanks! :D

Can I link this page and write it from my site? thanks

Anshul said...

@shey ya sure firend you can link it...

Kid on a Modern World said...

Hi there, friend! I just rearranged the order of the smilies on the preview and added some of them to mine.

One question: I was messing around with the smiley.js you have, and got dizzy with it.

Can you give me the code for <:-P and \:D/ for input in the str... replace... blah... thingy? I can't mingle it with special characters and just changed it to a temporary replacement in my blog. A reply would be nice.

Thanks!

Anshul said...

@kid Ok friend i have updated my smiley script
http://bandofgirls.googlepages.com/smiley.js

Check it for codes if still you dont find get it here

Yahoo emotions Code here

Hidden Yahoo emotions Code here

Anonymous said...

:-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Kid on a Modern World said...

Friend, I got a problem inserting this code to my new iTheme Template installed recently.. How to solve it?

Anshul said...

@Kim Ok Just check and add codes carefully friend and if it stills not taking just make codes postable by visiting http://www.eblogtemplates.com/blogger-ad-code-converter/

make codes postable and then insert might work

Kid on a Modern World said...

Still aint wont work.

http://page-of-a-kids-book.blogspot.com/2009/03/our-house-photo-article.html#respond

Anshul said...

@kid Its looking fine friends i have commented on post you gave link with it but the comment is under your approval.Whats the problem you facing

Kid on a Modern World said...
This comment has been removed by the author.
Kid on a Modern World said...

I just got back to Mind Break Template and its now working fine again. Thanks!

ezany said...

not working here.. Testing Onlysmileys not show up in my comments..

Anshul said...

Author comments doesn,t show smileys only readers comments are shown so dont worry

Shey said...

Thanks for the update on the bandwidth. No wonder it was slow to load. Replaced it with the new script you provided. You are a tech god! Bow!

Thanks! :)

Daniel said...

It does not seem to work with my template too. Can you check it?

http://premiumtricks.blogspot.com/

Thanks man.

Anonymous said...

I m getting every code 2 or 3 times how i have to search these codes ~x(

Anshul said...

Just find second line in code in place of first line which you are searching you will get it once and wil be easy to locate,if you still search for 1st line code you will get it twice you have to use second one.

CooL KiD said...

does't work for me :((

Mr. Leon Turpentine said...

Hi i was just looking at the .js file and i see Replace.I was wondering if there was any way i could change input commands /laugh /example /otherstuff is what i was thinking

Any tips?

Anshul said...

you can edit .js files and can define different smileys in it which are not there and in seocnd part of code also..

Adrian said...

hey, there is a problem with the smileys working with the "admin comments in a different color" hack?

Is there a solution to get around this?

Anshul said...

@ adrian ya emotions are not working for admin comments...i will try to solve it..as i get time.

Mo 爸::菲尼克斯:: said...

This is good, I've got the results of working in Firefox, but not works in IE :-o, any idea?

Anup said...

One of the problem is it not woking for author comment :(

Anshul said...

@anup no its not working for author comments.

chiwa said...

I twisted the idea a bit and created a smiley comment form that work in IE6. Take a look.
http://chiwawah.blogspot.com/2010/01/add-smiley-emoticons-in-blogger.html

Anup said...

Hey! Anshul, I would like to tell you that now you can use the smiley emoticons in both readers and author comments. Problem is solved!!! You just have to do something. See this post. Hope it will help you :)

Cheers,
Anup kayastha

PinkLittleApple said...

Hey i have a mess with my emoticons...
:S Weird my blog is pinklittleapple.blogspot.com
as you can see the emoticons are really messed..
could you please check it?
^^ i did everything i uploaded in megaupload the script ...
but still its a mess.
Also can i add my own emoticons?

haris said...

:D like good

WeirdWorld.de said...

I try it ... I can see the smileys, but if we added it to our comment, we can´t see it there. What I'm doing wrong ?

Anshul said...

@weird ya not working in author comments..:)

Admin: www.bloggertricksandtoolz.blogspot.com said...

This is new Facemoods Emoticons For Blogger Comments
check it

http://bloggertricksandtoolz.blogspot.com/2010/10/how-to-add-facemoods-emoticons-for.html

Thanks

garima said...

 Gifts to goa, Flowers to goa, Cakes to goa,Same Day delivery all over goa
 http://www.goaonlinegifts.com

Post a Comment