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 Products

Related Posts

Previous
Next Post »

605 comments

Write comments «Oldest   ‹Older   1 – 200 of 605   Newer›   Newest»
Anonymous
January 03, 2009 3:50 PM delete

Just trying it out ! :D :X =))

Reply
avatar
Cool - This Thing Rocks !
January 03, 2009 3:51 PM delete

:)]

Reply
avatar
Anonymous
January 10, 2009 4:41 PM delete

:)) so cool :-/

Reply
avatar
January 14, 2009 6:26 AM delete

Hey your widget is not working!!!
it only displays the symbols,
come on divya!!!

Reply
avatar
January 14, 2009 6:33 AM delete

Dude this is working perfectly fine, and all the icons are clearly visible,

You know what, the images are hosted and linked directly from the INTERNET's top site - Yahoo!
They won't be displayed only when the servers at Yahoo will crash !

Reply
avatar
January 17, 2009 7:27 AM delete

i had really dificult to create this..i cannot do it..i was done find the code...but does'nt have..why?

Reply
avatar
January 17, 2009 8:18 AM delete

Hi Sharifuddin

In your blog, I have seen this in the comments section:
<h4 id='comment-post-message'>Catat Ulasan</h4>

Now right AFTER THIS, add the FIRST code,
then follow the instructions given above to add the second code...

(that means add the second code BEFORE </body>)

Reply
avatar
January 18, 2009 9:16 AM delete

Hi Divya Say

I can't find the first code you subscribe or is it me?

Hope you will help me out as I'm busy to make a blog for our trip to Australia within 2 weeks.

And maybe you have some more usefull tips regarding my blog

Many thanks allready ,Markus from the netherlands

Reply
avatar
January 18, 2009 9:57 AM delete

You should have enabled the comment-form system in your blog, to complete this hack.

Pls read here:
embedded comment-form in your blogger

After doing the above hack, write any small post, to see the comment-form in action. Then try this "Smilies hack"

Regards
Sai

Reply
avatar
January 18, 2009 10:58 AM delete

I couldn't find the excact code in the embedded-form blogger that was required so I used a similar .
But I received an Error on the above of my blogger site :(

Reply
avatar
January 18, 2009 11:58 AM delete

Welcome again Robin,

I have checked your blog's source code,
so you have to find this in the template:

<h4 id='comment-post-message'>Een reactie plaatsen</h4>

Just below that add the first code,
and then follow the instructions given above to add the second code.....tell me if it works or not !

Regards
Sai

Reply
avatar
January 18, 2009 2:14 PM delete

Hi Sai

Sorry to disturb but I can't find the words you mentioned ,maybe it's me ,cause my english is not that well as I am from the netherlands.
Don't know if this is a good idea but can I send you the HTML from my blogspot so you can have a look at it and maybe fix my problem.
Thanks for your time so far

Regards Markus

Reply
avatar
January 18, 2009 3:01 PM delete

Well your english is perfect....it is just the coding work that makes us crazy sometimes :)
Anyways.....it's Ok..you can send me your blog's template...i'll check it and tell you where exactly you have to add the code

Reply
avatar
January 19, 2009 12:29 AM delete

Hi Sai

I've tried to send my HTML template by your contact form but it said there are to many characters.
So used this comment form but received the error
Your HTML cannot be accepted: PHP, ASP, and other server-side scripting is not allowed.
I hope you can make something out of this link?
http://www.blogger.com/html?blogID=4161779286131422473

Reply
avatar
January 19, 2009 8:40 AM delete

dear Sai..

i was try to find it..
but there is not up there,,
the code that u told me..

Reply
avatar
January 19, 2009 12:18 PM delete

:D This is cool. But I think it would be cooler if we could click on the gif image so that it would display in the comment form instead of writing it out.

:) Good job.

Reply
avatar
January 20, 2009 12:18 AM delete

@ Markus and Imtinan

You can send your templates to me at
bloggerstop.net[at]gmail[dot]com

I'll tell u where to add the codes.


@ Adawiyah
Of course clicking images to get them comments is the perfect one.......progress is on the way, we may get it too !

Reply
avatar
Tony
January 20, 2009 11:47 AM delete

Nice Blog.test the smile icon friend.
:)) ;)) ::)) :d ;) :p :(( :) :( :x
=(( :-o :-/ :-* :| 8-} :)] ~x(
:-t b-( :-l x( =))
:));));;) Thanks. Dunno is it works all?
Thank you.

Reply
avatar
January 20, 2009 1:56 PM delete

Hi Sai

I followed your instructions and it works.
You're the greatest ,many thanks for your time

Kind regards Markus

Reply
avatar
January 20, 2009 3:13 PM delete

That's great Markus...
I am happy too, that everything's working now!

One suggestion for you is, to change the background of those smiley images in your blog, so that codes may be clearly visible.

Here's what you have to do:
find this:
background: #eeeddf; [in the first code]

Then in place of #eeeddf, use any other color code.
You can use this page, to get some color codes:
http://www.eligr.com/images/colors.gif

Reply
avatar
January 24, 2009 12:01 AM delete

How come it doesn't work on my blog?

http://elitehackerspro.blogspot.com/

Thanks :)

Reply
avatar
January 24, 2009 3:12 AM delete

Hi chronicle

I visited your blog, and found everything in place, I hope u have rectified the problem yourself....

Regards
Sai

Reply
avatar
January 27, 2009 7:15 PM delete

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

Reply
avatar
January 27, 2009 9:01 PM delete

Hi Alla

You do not have to coy the image address, to show those smilies in the comments,
use those brackets, colon marks etc codes in front of the smilies...

Reply
avatar
Pag
January 28, 2009 11:20 AM delete

It looks like this is not working with ie7
I can see the smileys in the comments with mozilla but not with ie7... this might explain why some people got trouble... 8-}

Reply
avatar
February 03, 2009 5:31 AM delete

I can't get it working??
Help would be appreciated :-/

Reply
avatar
February 03, 2009 5:32 AM delete

The blog is at http://www.chris-ballard.blogspot.com


thanks for the help!!

Reply
avatar
February 03, 2009 11:10 AM delete

Hi Chris

You have customized your comments section, due to which these smileys are not showing up, sorry to say but you have to remove that pink color from your comments section(and whatever associated with it), so that these smileys are visible in your comments !

In the mean time, i'll try to find a better alternative !

Regards
Sai

Reply
avatar
February 05, 2009 11:23 AM delete

Hello pag,

Sorry I do not use IE, actually i don't even have IE7, only IE8 is installed on my pc, i'll chk it out on any of my friends pc's.
In the mean time i'll be thankful to anyone who can test it on their computers !

Regards
Sai

Reply
avatar
February 08, 2009 9:03 PM delete

hi...
I just changed my blog's template and using your technique to put the smilies, but it failed.

Here is my blog
http://thetonesofillusion.blogspot.com/2009/02/kampanye-damai-pemilu-indonesia-2009_03.html?showComment=1234143540000#c1835863197655209891

Reply
avatar
February 09, 2009 3:44 AM delete

Thanks a lot man.
I was looking for that long time.
http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif

Reply
avatar
Anonymous
February 09, 2009 3:48 AM delete

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

;))

:p

:P

Reply
avatar
February 09, 2009 6:03 AM delete

@ qiuX

In Zinmag Remedy template the comment section has been cusomized to match the template, which interferes with the smiley icons code :|

@ Arsh
welcome dude, anyways for posting smileys, the code in front of the images has to be used !

Regards
Sai

Reply
avatar
February 09, 2009 10:14 PM delete

Hi..
Is it possible to customize it again?
So I can show the smiley in my comment section.

Thx

Reply
avatar
February 10, 2009 10:13 AM delete

Well that can be done, but it will spoil the overall look of the template, I guess !

Reply
avatar
February 11, 2009 4:10 AM delete

ok.. never mind.. can you share your idea how to customize it?
Let me consider it first?
The important thing is the smiley :D

Thanks.

Reply
avatar
February 11, 2009 6:44 AM delete

Hi qiuX

I think the author of that template can guide you better than me..
Here's the link: Falcon Hive

Reply
avatar
February 12, 2009 10:13 PM delete

I can't find the code you specified on my layout.

Am I doing it wrong?

I've already embedded the comment form below my blog entry.

Reply
avatar
February 13, 2009 12:46 AM delete

Hi Meryl,

Download and send me your template, I'll tell you where to add the code.

Reply
avatar
February 14, 2009 5:52 PM delete

this hack dont work on firefox or was it just me??..works perfectly with ie though.

Reply
avatar
February 14, 2009 5:58 PM delete

I visited your blog, there's some problem with the complete comment-system in your blog, the "post a comment" is not working in any of the posts !

Reply
avatar
February 18, 2009 5:25 PM delete

I'm trying add my smilies to my blog can you tell me step by step how to do it. please

Reply
avatar
February 18, 2009 5:31 PM delete

Tell me where are you facing the problem....

NOTE: The first code is to tell the readers, that you have enabled smileys in your blog.

Second code does the actual work of converting text in to smileys......


So even if you do not add the first code, BUT ADD THE SECOND CODE, and some visitor writes nice to meet you :), then in his message :) will be converted in to a smiley !

Reply
avatar
February 18, 2009 5:40 PM delete

I add smilies now I can't see them on the bottom when you go to post.

Reply
avatar
February 18, 2009 5:53 PM delete

i did all the codes and i saved it on my edit xhtml

Reply
avatar
February 18, 2009 6:06 PM delete

i did everything right not sure why they are not showing up

Reply
avatar
February 18, 2009 6:09 PM delete

Your blog is open to only invited readers, so I cannot check it.....make sure that at least you have added the second code properly !

If you have modified comment section, then they may not work...for example you'll not see smileys in this comment, but you can see them in my next comment

:) :P :-/

Reply
avatar
February 18, 2009 6:11 PM delete

See now, the smileys will appear, cause i'll comment NOT as the author of this blog, but as any visitor !

:) :P :-/

Reply
avatar
February 18, 2009 6:11 PM delete

ok i will put invite readers

Reply
avatar
February 18, 2009 6:13 PM delete

That is because I have modified the code for my comments, due to which smileys do not work !

Reply
avatar
February 18, 2009 6:18 PM delete

Temporarily change your blog to MINIMA template, then add the code, and see if that works !

NOTE: First back up your widgets in text / note pads before changing the template...

Reply
avatar
February 18, 2009 6:30 PM delete

ok i got the minima template were do i go from there.

Reply
avatar
February 18, 2009 6:58 PM delete

Now add the above codes in to it !
Layout -> Edit HTML....

Reply
avatar
February 27, 2009 7:08 AM delete

Do you want a screenshot then???
I'll show you a screenshot of your own site!
U'll find it here!
http://worldinfo08music.googlepages.com/scr.jpg

Reply
avatar
February 27, 2009 7:55 AM delete

=))

you are really funny dude....

If you cannot see smileys in my blog, while others and me can see them, then that means you are having some problem in your internet browser, may be you do not have java enabled in your browser, anyways if you want to see the scrsnhot then here's it is :

http://dsai.588.googlepages.com/Srcnsht.png

Reply
avatar
February 28, 2009 10:05 AM delete

I too am having problem with seeing the smileys.
The codes seem to have been inserted correctly at the given places, and after a few hours I'm getting a headache.

I can´t see what I´m doing wrong.
Is it possible to get some help?
:-

Reply
avatar
February 28, 2009 10:24 AM delete

Of course...mail me your template, I'll tell you where to add the codes !

Reply
avatar
March 10, 2009 11:50 AM delete

hey, thanks for the code.. but i cannot understand why i cannot see smileys in my blog, please help, i think i insert codes correctly..how can i connect you? http://131dg.blogspot.com

Reply
avatar
March 10, 2009 1:42 PM delete

You are using a customized template with customized comments section, due to which there's some code conflict...

Reply
avatar
March 11, 2009 6:11 AM delete

oh, then can't i get these smileys in my blog??? can you help me please...how can i fix these problem?

Reply
avatar
March 11, 2009 6:31 AM delete

You have a huge list of blogs in your profile, can you tell me which blog are you talking about ?

Reply
avatar
March 11, 2009 8:01 AM delete

ooh sorry, just need to fix in http://131dg.blogspot.com...thanks!

Reply
avatar
March 11, 2009 8:35 AM delete

Hi uundaa,
as I have already replied to you:
"You are using a customized template with customized comments section, due to which there's some code conflict and thus smileys are not visible..."

Reply
avatar
Anonymous
March 12, 2009 3:40 AM delete

trying :)) ;)) ;;) :D ;)

Reply
avatar
March 12, 2009 2:03 PM delete

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

Reply
avatar
March 20, 2009 2:27 AM delete

hope it works... :D

it's work ? ;))

:))

if it does i will put it in my blog

http://just-ash.blogspot.com

::)

Reply
avatar
March 23, 2009 1:00 PM delete

Very, very cool. Nice one.

From Durban, South Africa

8-}

Reply
avatar
March 25, 2009 12:03 PM delete

Wow, very cool! But i'cant use it when post in comment!

Reply
avatar
March 25, 2009 2:02 PM delete

@ Technology,
Dude, you have 4 blogs, tell me in which one are you trying to add this hack ?

Reply
avatar
March 28, 2009 12:44 AM delete

The smileys in the comment are not coming :-t

Reply
avatar
April 04, 2009 6:35 AM delete

Hey, I can't find the two lines. I used the find feature and still cannot find it. Please assist me..

Reply
avatar
April 04, 2009 7:10 AM delete

Add just above the comment-form line !

Reply
avatar
April 09, 2009 7:27 AM delete

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

Reply
avatar
April 09, 2009 11:29 AM delete

Hi sonsy...

You do not have to copy the image address, simply type the code, present in front of smiley images to display the smileys in the comments !

Regards
Sai

Reply
avatar
April 09, 2009 5:39 PM delete

Hi Sai,

I can't find ur first code. How do i do? Can u help me?

Reply
avatar
Anonymous
April 13, 2009 4:37 AM delete

:)) testing

Reply
avatar
April 13, 2009 4:56 AM delete

@ Mee Nge

You have added a line with an exclamation mark in the end before the comment box (I cannot copy it as it is some other language)
Just after that line, paste the first code !

PS: I think the line is this one:
မီးငယ္ေရးထားတာေတြကိုေ၀ဖန္ေပးၾကပါေနာ္!

Regards
Sai

Reply
avatar
April 16, 2009 9:53 PM delete

Hello Divya,

I back again, I still can't get through the smiley in my comment block.
I got no responses at FalconHive :(
Could you please help me?

Thanks

Reply
avatar
Anonymous
May 06, 2009 2:22 AM delete

Testing :)).
Not working on IE8.

Reply
avatar
Sai
May 06, 2009 3:57 AM delete

It will not work, only if you do not javascript installed in the browser, as I have myself tested this hack in Firefox, Opera, IE 7 and IE8...

Reply
avatar
Anonymous
May 06, 2009 10:15 PM delete

hi, thanks for the reply.
I tested on FF, Opera and GC, all no problem, except IE7 and IE8.
I have enabled Active Scripting in IE8, still I don't see the smilies

-chuah

Reply
avatar
May 08, 2009 2:02 AM delete

I really love this. I find it really easy to apply yours than the others. Thank you.

Reply
avatar
Anonymous
May 08, 2009 7:57 PM delete

hye divya,

it needs time for the smiley to show up. At yours, it appeared after 5-6 minutes.

_JOE

Reply
avatar
Anonymous
May 08, 2009 8:04 PM delete

at mine, it never shown after an hour.

_JOE

Reply
avatar
May 08, 2009 9:02 PM delete

dear sai sir,
i have added the code to my html code as u told..but the post comment section is not working in my blog sir..please help me to get it back as before sir.
thanks in advance sir!!

Reply
avatar
May 09, 2009 3:22 AM delete

only works in firefox...
doesn't in IE7

Reply
avatar
Anonymous
May 09, 2009 1:05 PM delete

it works well on normal commment block.

but it didnt appear on highlighted author comment, it appears only in normal commnent,

Reply
avatar
Anonymous
May 13, 2009 7:53 AM delete

In my blog its not showed the above codes to search ~x(

Reply
avatar
Anonymous
May 16, 2009 7:21 PM delete

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

Reply
avatar
May 17, 2009 1:49 AM delete

Do not copy-pastre the image address, use the "codes" shown in front of the smilies...

Reply
avatar
May 19, 2009 3:47 AM delete

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

Reply
avatar
May 19, 2009 4:07 AM delete

@ Everybody

All the code for this hack is working properly, just be sure to upload and link the smiley.js (javascript) file correctly...

Regards
Sai

Reply
avatar
Anonymous
May 20, 2009 8:10 AM delete

:(( test commment

Reply
avatar
May 20, 2009 10:08 AM delete

Hey! I tried the code and the bar for the smileys appears but somehow the smileys don't appear :( I've uploaded the JavaScript file in geocities and I've added the code right above the /body tag, I don't know where I'm going wrong. :(
Please if you could help, I'll be very grateful

Reply
avatar
May 20, 2009 10:23 AM delete

Hi Siras, the problem with your template is that the comment area has been modified, due to which these smileys do not appear.

If your main purpose is to have a customized comment form, then you may try intensedebate.com too.

BTW, your template selection is very nice...but i noticed some inactive widgets in your template, you may correct/replace them from here:
Blogger HelpRegards
Sai

Reply
avatar
Tim
May 20, 2009 11:46 PM delete

~x( its not work in my blog

Reply
avatar
May 21, 2009 6:10 AM delete

Dude your blog address ?

Reply
avatar
May 21, 2009 6:11 AM delete

And ya Tim, keep the code in your blog, as when I will visit I would like to see the code in place...

Reply
avatar
May 21, 2009 12:03 PM delete

:D weeeeeeeee it's working heehee..thank you sooo much for this!

God Bless!

Reply
avatar
May 26, 2009 9:52 AM delete

thanks so much! i tried it on my kpopsites and it worked.http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gifhttp://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif

Reply
avatar
May 26, 2009 10:27 AM delete

@ Kpopster,
I just visited your blog, although the widget is working fine, but the codes in front of smileys are not visible as they are completely blended with their background, so do this to make them visible:

In the first code the code-in-center looks likes this:
........
<b>
CODES FOR SMILEY IMAGES
</b>
......


So insert these bolded lines in the code, like this:
........
<b>
<span style='color: #000;'>CODES FOR SMILEY IMAGES
</span></b>
......

Regards
Sai

Reply
avatar
May 27, 2009 4:05 AM delete

Thanks very much Sai! and I have one more question how can i make the width a little bit smaller? because it's too long. thanks again!

Reply
avatar
May 27, 2009 4:09 AM delete

i'm trying to adjust the width but it's not working.

Reply
avatar
May 27, 2009 4:28 AM delete

hmmm...ya it actually takes the width of your post area automatically.
Well use this code:

<table border="0" width="502"><tr>
<td width="500">PASTE THE FIRST CODE HERE from <div style..... to </div></td>
</tr></table>

Reply
avatar
May 27, 2009 5:00 AM delete

it did work, it's alright! it's really taking the width of the post's body.

Reply
avatar
May 27, 2009 5:23 AM delete

Sorry, I mean it didn't work, but it's alright! thanks you so much for the help!

Reply
avatar
May 27, 2009 5:37 AM delete

Hey kpopster...dont worry it will definitely work.....i have tried it myself on this blog for you....

try this code:

<table border="0" width="500"><tr>
<td>PASTE THE FIRST CODE HERE</td>
</tr></table>





FIRST CODE means, from<div style......
......
......
to...
...
</div>

Reply
avatar
May 27, 2009 5:40 AM delete

By default in my blog it's width is 500px, and by this method I made it 450px and then again I switched back to 500px now.

Reply
avatar
May 27, 2009 6:59 AM delete

yehey!!!!! Thank you so much!!! I was wrong before i pasted it in a wrong section. you're so wonderful! kamsahamnida!

Reply
avatar
May 27, 2009 7:19 AM delete

how did you do your twitter, stumbleupon, etc. buttons/icons to stay beside each other? maybe that's my last question of the day. :) thank you!

Reply
avatar
May 27, 2009 11:41 AM delete

@ Kpopster

you are free to ask as many queries as you want....there's no limit here at BloggerStop :)

Here's the method to add those buttons:
http://bloggerstop.net/2008/12/how-to-add-social-networking-buttons-to.html

Reply
avatar
May 27, 2009 11:57 PM delete

thank you!!! i got the icons working! except the "newer posts-home-older posts" <--home--> :(

Reply
avatar
May 28, 2009 12:16 AM delete

Have you tried this method ? :-

http://bloggerstop.net/2009/03/change-newer-post-older-post-and-home.html

Reply
avatar
May 28, 2009 12:49 AM delete

yup i did, but the the icon doesn't show up. it's just blank. :(

Reply
avatar
May 28, 2009 12:57 AM delete

sorry, sorry! maybe i was just too sleepy last night that's why i got it wrong! it's working now. really! ;)

Reply
avatar
May 29, 2009 12:24 PM delete

pls help dude.
the code works fine. the smilies show up

but they dont animate. if you know what i mean.
i only see :D. :)) etc. any ideas?

http://fru1tcak3.blogspot.com

Reply
avatar
May 29, 2009 12:48 PM delete

well buddy, in your blog I think some other JS file is stopping this hack, if this is really necessary for you, then you may try this(although I cannot guarantee you the results):
instead of pasting the 2nd code BEFORE </head>

paste this just AFTER
<head>

lets c...

Reply
avatar
May 29, 2009 12:49 PM delete

ooops.....consider

</body> instead of </head>

and,

<body> instead of <head>

Reply
avatar
June 09, 2009 12:01 PM delete

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?

Reply
avatar
June 09, 2009 12:20 PM delete

Well Adrian, as you are the admin in your blog, so while commenting with smileys, instead of using Google Account, use the openID (your Blogger blog's URL) or Name/URL, and then the smileys will be shown !!!

like this :)

Reply
avatar
June 09, 2009 1:59 PM delete

Nah, thats not my problem... see Im the admin of my blog [obviously] and my admin posts show up in blue as opposed to orange with guests of the blog. Now i would still like to post with the blue color, but with smileys.
take a look here to see what i mean:
http://themindtunnel.blogspot.com/2008/12/deepeners.html#comments

Reply
avatar
June 09, 2009 2:36 PM delete

Hmm Adrian, actually due to time constraint I wasn't able to look at any code for a few days....
Anyways I have just checked the javascript file of this hack and found the weak point in the coding, actually you just have to change the "class" in the code, which I think I would better explain in a new post, coz this is a common problem faced by many bloggers.
See this smiley :) in my customized owner comment !

Reply
avatar
June 09, 2009 2:43 PM delete

so no joy for me then? or is there a way you can fix it for me? i have uploaded my blogger template for you to have a poke at here:
http://boxstr.com/files/5493623_y0yuh/template.txt

Reply
avatar
June 09, 2009 2:58 PM delete

Divya, I also mailed you the parts of my template where my admin color hack is... Please help me sort this out as soon as i can! its really buggin me ~x(

Reply
avatar
June 09, 2009 11:43 PM delete

Just replied you through mail...I hope you'll get it now.

Reply
avatar
June 19, 2009 4:47 PM delete

Thank you so much for this code. I'm looking for this code before, now I finally found it :D

Reply
avatar
June 22, 2009 11:18 PM delete

thats cool :))
I will try it soon ;)

Reply
avatar
June 24, 2009 1:56 PM delete

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

this is test comment

Reply
avatar
June 27, 2009 5:48 AM delete

sum1 plz tell, how does dis work???

Reply
avatar
June 27, 2009 6:16 AM delete

Have you tried the tutorial explained above ?

Reply
avatar
July 01, 2009 8:28 PM delete

i need help to use this trick. i did follow all the instuction... but seems not work on my blog. once the visitor try to comment but not shown at the emoticon at the comment box! pls help and have a look blog of mine at : http://mykhu.blogspot.com

Reply
avatar
July 10, 2009 2:10 PM delete

Great THanks amd tips
Money, SEO and money making tips by http://www.teratips.com

Reply
avatar
Anonymous
July 11, 2009 6:44 AM delete

http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gifhttp://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif

Reply
avatar
July 11, 2009 6:52 AM delete

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

it's not working

Reply
avatar
July 11, 2009 10:35 AM delete

It won't work if you paste the image's url, you simply have to type the code in front of the those smiley icons, like this " :) " for a smiling face :)

Reply
avatar
Anonymous
July 11, 2009 4:08 PM delete

:)

:|
:(

I typed as you said, but nothing happen.

Reply
avatar
Anonymous
July 13, 2009 12:32 AM delete

testing :))

Reply
avatar
July 15, 2009 9:06 PM delete

Wow, cool trick, just put it, tried, and working perfectly fine :D

One question: Do you know how to make the icons clickable so when clicked they write the code direcly in the comment form ? Liekin some vBulletin forums..

If you dont have it, I dont care, you done enought with this trick XD

Reply
avatar
July 16, 2009 9:08 AM delete

@ Danoxs

Yeah, clickable smileys would be really a perfect feature for our blogs, but that requires tweaking of the comment form itself, as when you click on the smiley the code has to be inserted into the form, and we are not presently allowed to tweak in to some of the Blogger's "core" features, that includes the comment form....so just wait and hope that Blogger team thinks of something like this :)

Reply
avatar
July 17, 2009 1:07 AM delete

Hi Divya,
I can't find this code on my template:

b:if cond='data: post.embedCommentForm'

What should I do?

Reply
avatar
July 17, 2009 6:04 AM delete

Hi 'Dimples',

As the first line says, it is better if you have embedded comment-form in your blog, and then you add this smileys to your blog. So once you add the comment-form to your blog, then you'll see that code in your template.

Regards
Sai

Reply
avatar
July 22, 2009 12:19 AM delete

why doesn't it work in my blog?
the first code is just simply showing what text to be replaced with image right?

sorry for my bad english . .

Reply
avatar
July 22, 2009 5:53 AM delete

Hello Bonar,

Before uploading the file (smiley.js), you have to make these changes in the file and save it.

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

with this:
b.item(i).getAttribute('CLASS') == 'commenttext'

And replace this:
c.item(i).getAttribute('CLASS') == 'owner-Body'

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

Now once you edit and save the file, then upload it to hotlinkfiles/sigmirror or to your web.id account :)
That's it :)

Reply
avatar
July 22, 2009 9:33 AM delete

thanks 4 your big help,
it works like a charm :D

Reply
avatar
3T
July 23, 2009 3:37 AM delete

Hey Sai, it really works on yours... so cool!

I've done everything just follow instructions. The first code seems to be ok because I see smileys above the comment window.

The problem may be the second code because it doesn't appear as it should, I still see only the signs I typed in. I tried to put the 2nd code right after tag body too, it didn't help. I even tried to change "comment-body" to "commenttxt" (found it in the template) but don't know if "owner-body" should be "commenttxt admin"?

My template is quite of a customized one so I can do no more. Please please please help me figure out the problem. I love and am so used to these yahoo icons. I did send you an email with my template but you can also visit my blog from the link below. Thank you so much!

http://tripletvn.blogspot.com

Trang

Reply
avatar
Sai
July 23, 2009 8:25 AM delete

Hello Trang, well you have almost got it well, but the class used in your blog is different, instead of comment-body use comments-PII-2 textarea
That's it...

Reply
avatar
3T
July 23, 2009 3:37 PM delete

still, it doesn't work Sai...

would you try this replacing method and tell me its weakness? (or if you can solve the problem, that'd be great). It's not in English but very simple. It definitely works in mine but it makes the page run slowly, I cannot remember all the abbr and cannot click it.

http://gman-blog.blogspot.com/2007/06/emoticon-dnh-cho-blogger.html

or new version (English)

http://sites.google.com/site/gman/blogger/emoticon

thank you

Reply
avatar
«Oldest   ‹Older   1 – 200 of 605   Newer›   Newest»

Comments are moderated on this blog

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

Comment Like This! and Optimize your blog EmoticonEmoticon