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 looks

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



62 comments:
oh wow this is amazing! I shall make sure i use it in my new template!
just trying this ;;) :D
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-}
@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
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...
Ok buddy I will have an Post for you tomorow.
: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
:p
Nice post by you
Thanks for sharing detail.
India salutes the heroes
Are you programmer???
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
Its working Buddy Check I have installed it in mine design also . you must have made some mistake.
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:((
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.
testing only
=))
:))
testing
:)) :)]
www.funkruti.com
cool :)]
cool buddy:))
will it work :X
Great work dude....
Keep it up !
i applied this trick to my blog cbse-sample-papers.blogspot.com
And its working :D
:))
help pls? i cant find the code to replace. i'm using blogger minima template
didn't work for me :(
does it take time before it appears?
ya friedn it takes time to load :D
:))
:)] it is not work
Its working check all comments in mine friend they are working =))
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
@shey ya sure firend you can link it...
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!
@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
:-* :| 8-} :)] ~x( :-t b-( :-L x( =))
Friend, I got a problem inserting this code to my new iTheme Template installed recently.. How to solve it?
@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
Still aint wont work.
http://page-of-a-kids-book.blogspot.com/2009/03/our-house-photo-article.html#respond
@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
I just got back to Mind Break Template and its now working fine again. Thanks!
not working here.. Testing Onlysmileys not show up in my comments..
Author comments doesn,t show smileys only readers comments are shown so dont worry
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! :)
It does not seem to work with my template too. Can you check it?
http://premiumtricks.blogspot.com/
Thanks man.
:D THANKS
I m getting every code 2 or 3 times how i have to search these codes ~x(
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.
does't work for me :((
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?
you can edit .js files and can define different smileys in it which are not there and in seocnd part of code also..
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?
@ adrian ya emotions are not working for admin comments...i will try to solve it..as i get time.
This is good, I've got the results of working in Firefox, but not works in IE :-o, any idea?
thanks :))
One of the problem is it not woking for author comment :(
@anup no its not working for author comments.
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
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
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?
:D like good
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 ?
@weird ya not working in author comments..:)
This is new Facemoods Emoticons For Blogger Comments
check it
http://bloggertricksandtoolz.blogspot.com/2010/10/how-to-add-facemoods-emoticons-for.html
Thanks
Gifts to goa, Flowers to goa, Cakes to goa,Same Day delivery all over goa
http://www.goaonlinegifts.com
Post a Comment