Add Yahoo Smiley Emoticons Above Blogger/BlogSpot Comment Form

If you have already enabled the comment-form feature in your blog*spot blog, then it would be better to add a list of smilies too, which can be used by the readers while commenting.

The comment-form with smileys, will look like this:

Or you can see it in action [and leave a smiley-comment too], at the bottom of this post !

To add these smileys, follow these steps:

STEP #1
First log in to Blogger
Then go to Layout -> click on "Edit HTML" tab, and click on "Expand Widget Templates" tick-box.

Now find this code :
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>

Now right IN-BETWEEN those two lines, add all these lines:
<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>

STEP #2

Now find this code in the template:
</body>

And just BEFORE it, add this line:
<script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/smiley.js' type='text/javascript'/><noscript><a href="http://bloggerstop.net" target="_blank"><span style="font-size: x-small;">Add Smilies</span></a></noscript>

Finally save the template.

OPTIONAL WORK:
Although the required javascript file has already been uploaded and linked by me in the code above (in RED), but as a backup, download and save this file on your PC:
Download this File:

Smiley.js ( As a zipped file )

And upload the file (smiley.js) to OpenDrive

Then copy the DIRECT LINK (streaming):


And you may use this direct-link instead of the one used in the code above.

That's it !
Now you can see smileys below your posts...

ProBlogger - Inspiring Others Realize Their Dreams!

Share this

Related Posts

Previous
Next Post »

550 comments

Write comments «Oldest   ‹Older   201 – 400 of 550   Newer›   Newest»
August 12, 2009 1:40 AM delete

http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif in my blog when i comment with smiley icon then after post the smiley is not shown in comment

Reply
avatar
Sai @ Blogger Help
August 12, 2009 2:57 PM delete

Well sometimes even I think of adding new smileys to the file, but never tried it yet...
I think it is possible just be careful about the coding in the file, take this for example (bolded code is supposed to be changed to add a new smiley icon)

                _str = _str.replace(/:\)\]/gi, "<img src='<b>http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif</b>' alt='' class='smiley'/>");


Note that the actual code required to display the smiley, which is :)] has slashes "/"s in between the code elements.
Hope you get it !

Regards
Sai

Reply
avatar
Divya Sai
August 12, 2009 2:58 PM delete

Do not use the image address (url), you simply have to type the "code" displayed in front of each of those smiley icons...

Reply
avatar
September 01, 2009 7:02 AM delete

hey, well i did tried out this by putting the code write below where it should come and also hosted the file in hotlink.com but still all went fine but the output comment box and smiley none came @ll on my web page www.downloadlatest-movies.blogspot.com, what should i do now next for this.

reply soon

Reply
avatar
September 01, 2009 9:25 AM delete

Hello Kejal,
I have just chkd your blog, no code found. I can help you better if you do these three things first:
1. Modify your commenting system, and make it an embedded comment-form, like mine.
2. Then do the first coding part, which will show smileys above the comment form, then wait for my instructions on how to add the second code.

Reply
avatar
September 03, 2009 12:33 AM delete

Sai Ram Divya,

How can i add few more emotions not listed here.

Thanks & Regards

Reply
avatar
September 04, 2009 12:12 PM delete

Hello Hetal...
I guess you are here after a long time...welcome back.
Yes you can certainly add more smileys, simply edit the javascript file and and add the required code (DIRECT LINKS to your new smiley icons, and corresponding code-whatever code you want, make sure the code has some special chracters like $, %, * etc. which are not usually ppl use in their regular comments).

Reply
avatar
September 05, 2009 4:12 PM delete

It's working nice. Thanks dude! ;) I really like your blog, it's very informative for blogger user.

Reply
avatar
Mia
September 09, 2009 3:24 AM delete

ah this was the easiest thing to have installed so far #:-s ! I was even able to change the background :) Thanx again D.

Reply
avatar
September 10, 2009 12:02 AM delete

Sai Ram Divya,

I commented on ur blog after some gap of time, but i am always hanging on to ur blog and i find really very useful information here.

I wanted to know from where i can get direct links of emotions (as they are hosted on yahoo - i guess).

Thanks for guiding. I will surely edit javascript file.

Till then we meet... Jai Sai Ramji

Reply
avatar
September 10, 2009 12:45 AM delete

Glad to know that Hetal :)

For direct links, simply download some (small) smileys (from any website), and then upload them to tinypic.com (it's better if you first register here and then create an album, so as to easily manage them in future)...

Reply
avatar
Anonymous
September 10, 2009 8:41 PM delete

[IMG]http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif[/IMG]

Reply
avatar
J.
September 11, 2009 8:06 AM delete

Hey, i need some help. Is it possible to add this to old blogger templates?

cheers

Reply
avatar
September 11, 2009 10:40 AM delete

Well Jimmy, frankly speaking I have never wrkd on classic templates.
So rather I would be greatful to you, if you can test the method on a classic template...

Reply
avatar
Anonymous
September 12, 2009 7:56 AM delete This comment has been removed by the author.
avatar
Anonymous
September 12, 2009 7:57 AM delete This comment has been removed by the author.
avatar
September 12, 2009 9:25 AM delete

Hi Divya Sai,
Can you help me with this? When I post comment, it shows only code, not image. :(
Here's my url: http://testblog1-lindahoang.blogspot.com/
Thanks in advance

Reply
avatar
September 12, 2009 9:46 AM delete

Hello Linda,
The problem you are facing has different solutions (codes) depending on the blog's template. So instead of the test-blog, tell me the exact blog, where you want to implement this hack. It just needs a small modification in the .js file, but it will be specific to your template.

Reply
avatar
J.
September 12, 2009 10:57 PM delete

I can test, but the comment form is very different. is just one code line. Still i will copy/paste to the place and see ;)

Reply
avatar
Anonymous
September 13, 2009 7:03 AM delete

Hi Sai,
Thanks for reply. I'd like to put smileys codes on this blog. http://lindahoang09-trafficexchange.blogspot.com/

I made test-blog exactly like this blog to test it first so that's why I give you that url. I hope you can help me.
Thanks again. :)

Reply
avatar
September 13, 2009 7:14 AM delete

Okay...
Before uploading the .js file you have to edit it, like this:

In the file change this:

if (b.item(i).getAttribute('CLASS') == 'comment-body')

to this:
if (b.item(i).getAttribute('CLASS') == 'commentbody')

tell me if it worked or not...

Reply
avatar
September 16, 2009 3:43 AM delete

hmm.. the smiley just wont show up... can u help me with that ???

rosseskiller.blogspot.com

Reply
avatar
September 16, 2009 11:34 AM delete

First switch to embedded comment form system in your blog, link is there in the post.

Then use the code. No need to change any code for your blog.

Reply
avatar
Anonymous
September 17, 2009 7:07 AM delete

Hi Sai,
I changed the file as you said, but it's still not work. :( Please help me again. Thanks

if (b.item(i).getAttribute('CLASS') == 'comment-body')

to this:
if (b.item(i).getAttribute('CLASS') == 'commentbody')

Reply
avatar
September 17, 2009 11:16 AM delete

@ Lindalohoang,

Plz do not upload the file to sites like rapidshare or mediafire, as we want direct link to the file, so either upload the file to hotlinkfiles.com or better upload it to mydatanest.com

Reply
avatar
Anonymous
September 17, 2009 10:16 PM delete

Hi Sai,
I uploaded file on myDatanet like this but it's still now work. :(. Please check again. Thanks a lot.
http://mydatanest.com/files/Lindahoang/12814_w7sn7/smiley.js

Reply
avatar
September 17, 2009 11:24 PM delete

@Lindahoang: Again, like Divya said.. Upload it to Sigmirror.

It doesn't work because you must be logged in to view the file, and Blogger can't 'Log-In' for you toload the script..

Hope it helped ;)

Reply
avatar
September 19, 2009 9:44 AM delete

Hey it isn't working on me. Please visit www.internetajil.blogspot.com and check my problem. Thank you

Reply
avatar
September 22, 2009 7:14 AM delete

@Lindahoang,

As Daniel said you can use sigmirror too, but still I would recommend MyDataNest
The problem you are facing is because the folder (in Mydatanes) where you uploaded the .js file is selected as private, so edit its properties and mark it as hidden, that's it.

Reply
avatar
Anonymous
September 23, 2009 10:57 AM delete

Hi Sai,
I edited properties in MyDataNest from private to Hidden but it's still not working. :( Please help me again! Sorry for taking your time a lots. :|

Reply
avatar
September 23, 2009 1:31 PM delete

@Lindalohang,

This is the final modification you need to do...
actually I'm sorry, as you have to undo the change in .js file and re-upload it.

i.e.
change
if (b.item(i).getAttribute('CLASS') == 'commentbody')

to this:
if (b.item(i).getAttribute('CLASS') == 'comment-body')

Due to some confusion, I asked you to make that change, but now I'm sure that if you revert back to default code, then you'll see smileys in your blog :)

Reply
avatar
Anonymous
September 25, 2009 4:40 AM delete

Hi Sai,
I did upload again the original .js file as you said but it's still not working. ~x( Can you please check again my blog to see what's wrong with it? Thanks

Reply
avatar
Anonymous
September 27, 2009 5:49 PM delete

Hi Sai,
I've just checked again but this time it's working only with guests, not administrator (me). So what's should I fix next? Thanks :)

Reply
avatar
September 28, 2009 5:02 AM delete

Back up your present "smiley.js" file and make a copy of the file.

Edit the copy of the file, like this:
change this:
if (c.item(i).getAttribute('CLASS') == 'owner-Body') {

to this:
if (c.item(i).getAttribute('CLASS') == 'comment-body-author') {

save the file, upload it and paste the code in to your template...

Reply
avatar
Anonymous
September 28, 2009 11:07 PM delete

Hi Sai,
It's really working this time. Thank you so much for your help and patience with me! :D :-*

Reply
avatar
September 29, 2009 8:19 AM delete

Happy for you Lindahoang... :)

Reply
avatar
October 01, 2009 6:21 PM delete This comment has been removed by the author.
avatar
October 01, 2009 6:55 PM delete

Thank you very much.I had some troubles because I have uploaded the zip file to hotlinkfiles as a zip file.Finaly I figured out, I unziped the file and I uploaded just the js file.How stupid someone can be =))

Reply
avatar
October 27, 2009 1:39 AM delete

Hello there Sai..

Thanks for all the tips.. they are really helpful.. However..i cant get this one working though...

I've tried as how you told the others... by placing the second code right after dis..

(h4 id='comment-post-message'>A Comment A Cookie?(/h4)

And then i place the second code just before .. (/body)

Still no visual.. then i changed the part of the script
with this..

b.item(i).getAttribute('CLASS') == 'commenttext'

c.item(i).getAttribute('CLASS') == 'commenttext-admin'

Still nothing.. Can you help me?? :(

Reply
avatar
October 27, 2009 8:43 AM delete

@L.Ansa

There's an error in the file uploaded by you:
http://boxstr.com/files/6273073_sd9qd/smiley.js
Delete it and redownload the file from the post above.

Moreover DO NOT upload it to boxstr.com, because boxstr no longer supports direct linking to javascript file.
Upload it to Mydatanest.com (Remember to save the properties of the folder at your mydatanest account as "hidden")

Reply
avatar
October 27, 2009 8:47 AM delete

And moreover you have to use the embedded comment form, and not a pop-up comment form to make the UI better.
Read and implement this tutorial first:
http://bloggerstop.net/2008/10/how-to-embed-comment-form-below-posts.html

Reply
avatar
October 27, 2009 11:51 AM delete

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =)) testing 1st..

Reply
avatar
October 27, 2009 11:58 AM delete

@RV2x08

I have just updated the post too, DO NOT use boxstr.com to host the smiley.js file, intead use mydatanest.com and read the NOTE in the post above, then the smileys will be visible on your blog.

Reply
avatar
November 04, 2009 11:01 PM delete

yuhuuu...now i also have this cool smiley icon on my comment form..
Big thanks to Divya Sai and bloggerstop.net..

Guess i could find anything i need to improve my blogs appearance..

U're blogs genius :D

Btw, i have a question here..is there any possibility to add the smiley icon in the icon list?
i mean,i saw many smiley icon in Yahoo messenger which is not shown in here..
If is it possible,coul u teach me how?
Thx..:)

Reply
avatar
November 04, 2009 11:26 PM delete

oh FYI Divya Sai, i can't find this code in my template --> <b:if cond='data:post.embedCommentForm'>

But this code is in my template..<b:include data='post' name='comment-form'/>

So i put the code for smilies icon right before that code and it works :)

Reply
avatar
November 05, 2009 8:11 AM delete

That's great, and Yusuf of course you can add more smilies to this widget. Simply edit the .js file, add direct links to your images, and then add a unique code with some colon/semi-colon etc. corresponding to each new smiley.

Reply
avatar
November 06, 2009 4:17 AM delete

hoho..i have to learn more so that i can make a code for that smilies..
not understand bout HTML at all :)

Reply
avatar
November 06, 2009 4:36 AM delete

@dr. oetjoepz

Just visited your blog, and saw your smiley test comment. And as the smiley in your comment was working perfectly so I thinkyou have well understood the html behind it ;)

Reply
avatar
November 18, 2009 3:38 PM delete

check.. try your emoticon ;)) I try to break the code for my blog http://arcava.blogspot.com After so confused at last i can show image on top of comment window. But still cant work if i type the code. I also compare it with js file from other blog but still not find where is my mistake :(( If you have time please help me to repair it. Many thanks..

Reply
avatar
November 19, 2009 7:10 AM delete

:( why my yahoo smiley not working anymore at my blogger?
pls help me. http://www.gm-zone.co.cc/

Reply
avatar
November 20, 2009 2:23 PM delete

my blog smiley still doesn't work!!anything goes wrong.i look at yr blog smiley was ok but mine it doesn't show the icon... :((
how can b like dat,b4 dis was still fine.can u check my coding? do i need to send u my code?pls.

Reply
avatar
November 20, 2009 2:47 PM delete

These smileys will show up only if the comments are inside the class-dd and id-comment-body

Here's a comment (source code) from your blog:


<a name='comment-3116155438793729080'></a>
<a href='http://www.blogger.com/profile/15491913080826950009' rel='nofollow'>RV2x08</a>
said...
</dt>
<p style='color: #45818e; font-style:italic;'>Thank you...Hope you enjoy at here. ;;)</p>
<dd class='comment-body'>
</dd>
<dd class='comment-footer'>


You can see that your comment is clearly out of the id-comment-body.

but a comment from my blog is like this:

<a href='http://www.blogger.com/profile/15491913080826950009' rel='nofollow'>RV2x08</a>
said...
</dt>
<dd class='comment-body'>
<p>:( why my yahoo smiley not working anymore at my blogger? <br />pls help me. http://www.gm-zone.co.cc/</p>
</dd>


It clearly shows that the comment is within the class-dd and id-comment-box.


So what I can advice is to compare and modify your template's comments section with that of a minima template (create a temperorary blog with white-minima template first).

Reply
avatar
November 20, 2009 11:21 PM delete

TQ sai! i fixed it and now it's working well! u a really genius.. thx so much! :D

Reply
avatar
November 21, 2009 12:49 AM delete

Welcome buddy...happy blogging :)

Reply
avatar
December 12, 2009 12:40 PM delete

@Arcava

Your template has been modified a lot, even the classes and ids are changed, lets see if this works:
You have to edit the .js file before uploading and linking it.

Edit it like this:

change this:
b = a.getElementsByTagName("DD");
to this:
b = a.getElementsByTagName("div");

and this:
if (b.item(i).getAttribute('CLASS') == 'comment-body') {
to this:
if (b.item(i).getAttribute('CLASS') == 'commenttext') {

also this:
c = a.getElementsByTagName("DD");
to this:
c = a.getElementsByTagName("div");

and finally this:
if (c.item(i).getAttribute('CLASS') == 'owner-Body') {
to this:
if (c.item(i).getAttribute('CLASS') == 'commenttext') {

Hope this helps!

Reply
avatar
December 13, 2009 2:09 AM delete

hello ^^
I followed all the instructions.
The smiley box is showing on the comment area but when I type for example : + )) and post the comment the emoticon doesn't show. it's just written : + )). How come?
Thanks for the help :D

ps: sorry if my english is not good :|

Reply
avatar
December 13, 2009 3:43 AM delete

@psychodrama

If you are using the plus sign (+) in between the code, then obviously it will not work. You should only type this

:))

and not this:
:+))

Reply
avatar
December 13, 2009 1:27 PM delete

lol yes I know I typed :)) but the smiley didn't show.

Reply
avatar
December 21, 2009 12:13 PM delete

hi
could u plz visit http://episodbaru.blogspot.com
i've followed your instruction
then the problem is...
the icons appear, but when post a comment and click the icon, the icon does not appear correctly (not animated)
why?

Reply
avatar
December 21, 2009 12:30 PM delete

Before you upload the .js file, edit this line:
b = a.getElementsByTagName("DD");

to this:
b = a.getElementsByTagName("div");

Tell me if it worked or not...

Reply
avatar
December 22, 2009 6:09 AM delete

why did not apply at my blog
http://episodbaru.blogspot.com

Reply
avatar
December 22, 2009 6:16 AM delete

@eb!

Hey buddy, you haven't yet made the change that I suggested in that javascript file. First make that change, then upload it to mydatanest.com and finally link it from your blogs template.
Then tell me if that worked or not !

Reply
avatar
December 23, 2009 2:42 AM delete

Don't copy paste the icon's address Prem, you just have to type the characters written in front of them...

Reply
avatar
Anonymous
January 04, 2010 10:06 AM delete

it is not displaying the image
Regards
www.rktools.co.cc

Reply
avatar
Anonymous
January 04, 2010 10:08 AM delete

it is just displaying the code~x(
Reagrds
www.rktools.co.cc

Reply
avatar
January 04, 2010 10:30 AM delete

Edit that smiley.js file before uploading it,

change this:
commenttext
with this:
comment-content

Reply
avatar
Anonymous
January 05, 2010 2:03 AM delete

it is just dispalying signs
www.rktools.co.cc

Reply
avatar
Dyx
January 06, 2010 10:56 PM delete

Hatur nuhun....!!!!!! ;)
=))

Reply
avatar
January 09, 2010 4:34 PM delete

hello..this is a cool and nice tutorial. I wanted to apply it in my blog but the i couldn't open the smiley file from the zip file you asked us to download...help me pls. opening the file is blocked in my computer.

all the best!

elaine

Reply
avatar
January 10, 2010 1:19 AM delete

Hey there, you don't have to unzip or upload any file, I have updated the post just follow the steps and save the template.

In case it doesn't work, then you have to download and modify the file according to my instructions, so just tell me if that worked or not.

Reply
avatar
January 10, 2010 11:26 PM delete

Why it is not working on my blog?

Reply
avatar
January 10, 2010 11:48 PM delete

Ahhhhhhhhhhahh..... got it active blogging?? yOU HAVE TO PLACE THE JAVASCRIPT IN BLEOW THE .embedcommentform... tag instead of placing the javascript befor the body tag:)

Reply
avatar
January 11, 2010 11:26 PM delete

Hey divya is it not works on author comments?? It's really not working in my comments

Reply
avatar
January 12, 2010 4:56 AM delete

It will work, but you have to make some blog specific changes in the javascript code. Is it hacktutors where you want to add this hack?

Reply
avatar
January 13, 2010 1:05 AM delete

Yes sure I am try to put this in my blog hacktutors. But, not working in author comment. Can you help me please? What I have to put javascript?? I can send you my template code :)

Reply
avatar
January 13, 2010 6:40 AM delete

You have to edit that smiley.js file, upload it to get a direct link and then link it up in your template.

This is what you have to edit:

Replace this:
owner-Body

with this:
comment-body-author

That's it!

Reply
avatar
January 13, 2010 8:33 PM delete

Hey thanks divya. Thank you soo much:);))

Reply
avatar
January 14, 2010 1:06 AM delete

Glad to help you Anup, Happy Blogging :)

Reply
avatar
a
January 16, 2010 10:45 PM delete

Hey divya you really helped me and I post an article about it I special thanks to you! Please see this one:
http://hacktutors.blogspot.com/2010/01/yahoo-smileys-in-both-author-and.html

Thanks!

Reply
avatar
January 17, 2010 3:09 AM delete

Thanks for spreading the word Anup....I'm glad I could help you :)

Reply
avatar
Anonymous
January 26, 2010 7:58 PM delete

awesome hack :D

Reply
avatar
January 28, 2010 10:38 PM delete

Thanks for share, I really wanted to add this emoticon in my blog. Thanks ;)

Reply
avatar
February 03, 2010 2:28 PM delete

hello .. thanks for the intresting post.. i put also your codes with smiles

Reply
avatar
111
February 05, 2010 7:08 AM delete

Hi Divya!
I didn`t find the first <b:if code, can i expand widget templates or do i damage sth, cause i dont have it if i only edit HTML
btw: very informative and nice Blog
keep it up!

Reply
avatar
February 07, 2010 10:09 AM delete

@ShaneLong,

You have to click on "expand widget tempaltes" tick-box, to view that code. I have just updated the post...thanks to you.

Reply
avatar
February 16, 2010 2:11 AM delete

the first code is ok, but the ... second ones did not work properly, need some help! 8-}

Reply
avatar
February 16, 2010 2:33 AM delete

Sorry, this's the link: :D
http://ngthfong.blogspot.com/2010/02/thu-cho-con.html

Reply
avatar
February 21, 2010 4:35 AM delete

is not working in my Blog http://outdownload.blogspot.com

Reply
avatar
February 21, 2010 11:59 PM delete

Thanks.. very nice tutorial...
I'm very lucky can find your blog.. :D

Reply
avatar
February 22, 2010 2:35 AM delete

:-t b-( :-L x( =))

Working Perfectly, lol :D

Reply
avatar
February 24, 2010 8:48 AM delete

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Reply
avatar
February 24, 2010 11:53 PM delete

:)) ;;)

Just seeing if this works.

Reply
avatar
February 27, 2010 3:46 AM delete

@viagra online: Smells like SPAM :-/

Divya, for more security to be sure to kill bot's and that, you should add a Captcha or something. You know JS and that things (Or at least I think), and may be easy for you :p

See ya'

Reply
avatar
RoHeHa_6264995
March 01, 2010 7:06 AM delete

:)) Well its not working 4 me

Reply
avatar
March 02, 2010 2:15 AM delete

Hi, i have create new smiley code for blogger comments.
and it really do WORK!!..

It has more than 1000+ smiley to be used, including the animation pic.

visit here;
http://akunabel.blogspot.com/2010/03/add-1000-smiley-emoticon-in-blogger.html

or here
http://akunabel.blogspot.com

Reply
avatar
March 06, 2010 4:48 AM delete

First, excuse my badly english, i am german ;)

I´ve downloaded the .js and modified it a bit to get more replaces like ;-)

I´ve fixed a problem with the owners comments - changed "owner-Body" to "comment-body-author"

Now i´ve got a question. What is the first part, called getElementsByTagName('LABEL') for?

Reply
avatar
March 07, 2010 2:09 PM delete

@Daniel,

Yeah that's pure spam, but captchas may confuse some newbie bloggers, so I usually prefer post-moderation, and in fact a little spam is not so hard to manage specially with friends and supporters like you :)
PS: I was out of the town last week so replying late, thanks for reporting it.

Reply
avatar
March 07, 2010 2:16 PM delete

@Nabel

Great work! that was amazing.

@Aufreger

Don't know it's exact purpose, but I guess you would have got it, that it is something related to the labels part. Anyways I don't think that is required in that file.

Reply
avatar
March 09, 2010 6:08 AM delete

Mine isn't working. Perhaps cause I placed a threaded comments on my blogger blog.

Can u help me take a look at my blog please? :)

http://melissyjn.blogspot.com/

Reply
avatar
March 10, 2010 8:07 AM delete

Sir,it wont work on my blog ! can you help me please ? :-t

Reply
avatar
March 11, 2010 4:30 AM delete

Thanks!!!! I love it! I just did it on mine and two of my best friends!!!!! adds so much personality to your blog! Thanks..

Reply
avatar
March 19, 2010 4:55 AM delete

:-L
doesn't work for my blog =((

Reply
avatar
March 19, 2010 9:32 PM delete

I don't have the post embed, I use popup as my comment - what code should I use? Or is it only do-able as an embed?

I saw your comment saying it works better with embed but I'm hoping for an option.

http://milanocookieaisle.blogspot.com/

Reply
avatar
March 20, 2010 8:16 AM delete This comment has been removed by the author.
avatar
March 20, 2010 8:10 PM delete

dose not work in my blog

:(

Reply
avatar
Anonymous
March 23, 2010 12:52 PM delete

Thank you v much dude... try this icon :)) and :D
:d dunno if:) it will work ;) hehe.. :p .....=))
anyway..thanks a lot ;;) make this post ~x( x(
=)) see u

Reply
avatar
Anonymous
March 26, 2010 8:12 PM delete

http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif

thank you

Reply
avatar
April 05, 2010 1:34 AM delete

:(

The smileys are not working in my blog. Just check it

www.robinhoodsoftwares.blogspot.com. Just check the comment section of http://robinhoodsoftwares.blogspot.com/2010/04/protector-skidrow.html this post. You can see one comment I posted. Its a smiley and I can't see its working.

Reply
avatar
April 05, 2010 9:14 AM delete

You have to change the .js file,

change this term:
'comment-body'

with this one:
'commentmet_text'

then upload it to some other host (like mydatanest.com)

If that doesn't work, then chage this term in the file "DD" with this: "div"

Reply
avatar
April 05, 2010 10:01 AM delete

It worked buddy. Thanks for your kind action. You are great, bloggerstop. I am proud that your are from India. Mee too. If I have any doubts, I will contact you. I am planning to add your button in my blog. Is that Ok for you. My blog is dofollow. Kindly comment on any of my post. I will accept. Thanks buddy.

Reply
avatar
April 05, 2010 10:13 AM delete

Glad to help you bro. I would be more than happy to get a link from your blog. BTW you have a great blog too. I will soon visit your blog and will share a word with your readers and you :)

Reply
avatar
April 05, 2010 10:20 AM delete

Sai. I need to tell you one thing. Are you able to see the "loading image" on my blog when you enter. Many of my friends asked the code for that. Its better you share the secret and code about the way to create a loading image like this. It will help many bloggers and visitors as they dont need to wait and can see the loading status of pages. Pls ignore if you dont like.

Reply
avatar
April 05, 2010 10:28 AM delete

One more help I need. Sai, there are codes to add a divider line between posts in blogger as you can see in my blog too. A divider line between various posts. Similarly, I need a code to add divider lines between comments in blogger. If you provide that, it will be a great help to many bloggers. After writing the code share it in your blog. Pls. Its a request.

Reply
avatar
April 05, 2010 3:00 PM delete This comment has been removed by the author.
avatar
April 06, 2010 2:19 PM delete This comment has been removed by the author.
avatar
April 06, 2010 2:21 PM delete This comment has been removed by the author.
avatar
April 07, 2010 4:25 PM delete This comment has been removed by the author.
avatar
April 09, 2010 11:38 AM delete

hi

it dosn't work in my blog can you help me pls :p

Reply
avatar
April 11, 2010 10:46 PM delete This comment has been removed by the author.
avatar
April 12, 2010 11:58 PM delete

I'm confuse to implement it in my blog ??? ~x(

Reply
avatar
Anonymous
April 17, 2010 3:53 AM delete

thanks sooooooooo much.....:X

Reply
avatar
April 18, 2010 10:11 AM delete

Hi Divya Sai,
Can you help me with this? When I post comment, it shows only code, not image.:)]

Reply
avatar
April 21, 2010 11:42 AM delete

Hy Divya!

Please can u look at my blog? http://romanianfun.blogspot.com/2010/04/casa-cu-fundu-n-sus-interesant.html
The problem is that when i type the simbol of the emoticons...it not apper the emoticons.

Reply
avatar
April 21, 2010 12:28 PM delete

@Virgil
Edit the .js file like this:

Replace this:
owner-body

with this:
comment-body-author

then save the file, upload it to www.mdn.fm and use the direct link to that file in the code above.

Reply
avatar
April 21, 2010 1:12 PM delete

Thank you very much ! Now it's working .

Reply
avatar
April 21, 2010 3:07 PM delete

Hi Divya Sai,
Can you help me with this? When I post comment, it shows only code, not image.plcccccccccccc ~x( ~x( ~x( ~x(

Reply
avatar
April 21, 2010 11:28 PM delete

Well yes I can help you, but I need your blog address, there's no list of blogs in your profile.

Reply
avatar
Anonymous
April 23, 2010 2:55 PM delete

http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif )))

Reply
avatar
April 24, 2010 3:53 PM delete

Hi Divya Sai

OK , this is my blog but i must Invite you , so you must send your email

http://nooralainscience.blogspot.com

Reply
avatar
May 03, 2010 6:02 AM delete

thank you,it really works...
im newbie and wasting time to search this information...
i read so many tutorial...
but nothing works...
finally i find this tutorial from your blog..
and it works...
i have to say thank you so much...

excuse my bad english..


Regards
uhe the bloodyinsane
please visit my blog..
uheababil.blogspot.com

Reply
avatar
May 08, 2010 1:57 PM delete

Thank you Divya...You are a Star :D

Reply
avatar
Anonymous
May 15, 2010 2:54 PM delete

Somebody help me please, in my blog this emoticon not appear, what goes wrong?? you can check my blog on http://www.dikbagus.com sorry for my bad english, im from indonesia :-)

Reply
avatar
Anonymous
May 17, 2010 1:34 PM delete

test the smile :))

Reply
avatar
May 19, 2010 4:01 AM delete

I think I got everything but it does not work..please advise...
http://justmeshakirack.blogspot.com
my email is roungda@gmail.com

blessed be...

Reply
avatar
June 20, 2010 3:58 AM delete

not working in my blog.. Slider Side Menu also not working. I'm doing everything right.. but why it's not working.

http://kvdheerajkumar.blogspot.com/

Reply
avatar
June 20, 2010 2:04 PM delete This comment has been removed by the author.
avatar
Anonymous
June 21, 2010 10:31 AM delete

:-o cool :) :))

Reply
avatar
June 23, 2010 12:45 AM delete

help me pleass.
smiliey not work .. :-L

Reply
avatar
June 26, 2010 11:08 AM delete

Hi Divya,

I came across your code, installed it and can see the emoticons below comments.

But, I am unable to see them being converted.
Can you please check : vtrender.blogspot.com.

Love to have this cool gadget on the blog.

Reply
avatar
June 26, 2010 11:28 AM delete

Hi Shai,

In your blog the every comment has some unique pid with the class comment-body, due to which this widget is not working. You have any idea, what is that script attached to your comments?
BTW in your blog vtrender, do you give stock specific tips or general market overviews?

Reply
avatar
June 27, 2010 2:36 AM delete

Hi Divya,

I have no idea, since I am not very familiar with the html code.I tried to install google emoticons earlier, but except for the 'smile', nothing else worked.Would you like to have a look at the code?

Yes, the blog is about the NSE and we try to carry an overview of the market.

Reply
avatar
June 27, 2010 3:19 AM delete

Well not sure if this will work in your present template, but I have to check your template. So, please send your template via my contact page.

Reply
avatar
June 27, 2010 1:15 PM delete

Divya,

Template sent.

Thank you.

Reply
avatar
Anonymous
July 01, 2010 12:52 PM delete

testing [:))]

Reply
avatar
«Oldest   ‹Older   201 – 400 of 550   Newer›   Newest»

Comments are moderated on this blog

Allowed HTML tags: <b>, <i> and <a>

Comment Like This! and Optimize your blog EmoticonEmoticon