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 :
Now right IN-BETWEEN those two lines, add all these lines:
STEP #2
Now find this code in the template:
And just BEFORE it, add this line:
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...
The comment-form with smileys, will look like this:
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...
550 comments
Write comments «Oldest ‹Older 1 – 200 of 550 Newer› Newest»Just trying it out ! :D :X =))
Reply:)]
Reply:))
Reply;) Nice !!
Reply:)) so cool :-/
Reply:)) I'M ALSO TRYING OUT!
Replyda :)
ReplyHey your widget is not working!!!
Replyit only displays the symbols,
come on divya!!!
Dude this is working perfectly fine, and all the icons are clearly visible,
ReplyYou 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 !
i had really dificult to create this..i cannot do it..i was done find the code...but does'nt have..why?
ReplyHi Sharifuddin
ReplyIn 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>)
:)]
ReplyHi Divya Say
ReplyI 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
You should have enabled the comment-form system in your blog, to complete this hack.
ReplyPls 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
I couldn't find the excact code in the embedded-form blogger that was required so I used a similar .
ReplyBut I received an Error on the above of my blogger site :(
Welcome again Robin,
ReplyI 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
Hi Sai
ReplySorry 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
Well your english is perfect....it is just the coding work that makes us crazy sometimes :)
ReplyAnyways.....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
Hi Sai
ReplyI'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
:D thanks
Replydear Sai..
Replyi was try to find it..
but there is not up there,,
the code that u told me..
: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.
Reply:) Good job.
@ Markus and Imtinan
ReplyYou 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 !
Nice Blog.test the smile icon friend.
Reply:)) ;)) ::)) :d ;) :p :(( :) :( :x
=(( :-o :-/ :-* :| 8-} :)] ~x(
:-t b-( :-l x( =))
:));));;) Thanks. Dunno is it works all?
Thank you.
Hi Sai
ReplyI followed your instructions and it works.
You're the greatest ,many thanks for your time
Kind regards Markus
That's great Markus...
ReplyI 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
MO coba ah... :D
ReplyHow come it doesn't work on my blog?
Replyhttp://elitehackerspro.blogspot.com/
Thanks :)
Hi chronicle
ReplyI visited your blog, and found everything in place, I hope u have rectified the problem yourself....
Regards
Sai
Hi Alla
ReplyYou 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...
It looks like this is not working with ie7
ReplyI can see the smileys in the comments with mozilla but not with ie7... this might explain why some people got trouble... 8-}
Test.. :))
ReplyI can't get it working??
ReplyHelp would be appreciated :-/
The blog is at http://www.chris-ballard.blogspot.com
Replythanks for the help!!
:)]
ReplyHi Chris
ReplyYou 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
Hello pag,
ReplySorry 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
hi...
ReplyI 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
Thanks a lot man.
ReplyI was looking for that long time.
http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif
http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif
Reply;))
:p
:P
@ qiuX
ReplyIn 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
testing without smileys ? ;))
ReplyHi..
ReplyIs it possible to customize it again?
So I can show the smiley in my comment section.
Thx
Well that can be done, but it will spoil the overall look of the template, I guess !
Replyok.. never mind.. can you share your idea how to customize it?
ReplyLet me consider it first?
The important thing is the smiley :D
Thanks.
Hi qiuX
ReplyI think the author of that template can guide you better than me..
Here's the link: Falcon Hive
:))
ReplyHenk
I can't find the code you specified on my layout.
ReplyAm I doing it wrong?
I've already embedded the comment form below my blog entry.
Hi Meryl,
ReplyDownload and send me your template, I'll tell you where to add the code.
this hack dont work on firefox or was it just me??..works perfectly with ie though.
ReplyI 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 !
ReplyI'm trying add my smilies to my blog can you tell me step by step how to do it. please
ReplyTell me where are you facing the problem....
ReplyNOTE: 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 !
I add smilies now I can't see them on the bottom when you go to post.
Replyi did all the codes and i saved it on my edit xhtml
Replyi mean html
Replyi did everything right not sure why they are not showing up
ReplyYour blog is open to only invited readers, so I cannot check it.....make sure that at least you have added the second code properly !
ReplyIf 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 :-/
See now, the smileys will appear, cause i'll comment NOT as the author of this blog, but as any visitor !
Reply:) :P :-/
ok i will put invite readers
Replyok i put anybody
ReplyThat is because I have modified the code for my comments, due to which smileys do not work !
ReplyTemporarily change your blog to MINIMA template, then add the code, and see if that works !
ReplyNOTE: First back up your widgets in text / note pads before changing the template...
ok i got the minima template were do i go from there.
ReplyNow add the above codes in to it !
ReplyLayout -> Edit HTML....
Do you want a screenshot then???
ReplyI'll show you a screenshot of your own site!
U'll find it here!
http://worldinfo08music.googlepages.com/scr.jpg
=))
Replyyou 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
I too am having problem with seeing the smileys.
ReplyThe 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?
:-
Of course...mail me your template, I'll tell you where to add the codes !
Reply;))
Replyhey, 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
ReplyYou are using a customized template with customized comments section, due to which there's some code conflict...
ReplyTesting.. :) :D
Replyoh, then can't i get these smileys in my blog??? can you help me please...how can i fix these problem?
ReplyYou have a huge list of blogs in your profile, can you tell me which blog are you talking about ?
Replyooh sorry, just need to fix in http://131dg.blogspot.com...thanks!
ReplyHi uundaa,
Replyas 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..."
trying :)) ;)) ;;) :D ;)
Reply:)) test
Replyhope it works... :D
Replyit's work ? ;))
:))
if it does i will put it in my blog
http://just-ash.blogspot.com
::)
:))
ReplyVery, very cool. Nice one.
ReplyFrom Durban, South Africa
8-}
:D
ReplyWow, very cool! But i'cant use it when post in comment!
Reply:)) Probando
Reply@ Technology,
ReplyDude, you have 4 blogs, tell me in which one are you trying to add this hack ?
:))
Reply=))
ReplyThe smileys in the comment are not coming :-t
Reply:p
ReplyHey, I can't find the two lines. I used the find feature and still cannot find it. Please assist me..
ReplyAdd just above the comment-form line !
Reply:)) cool
ReplyHi sonsy...
ReplyYou 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
Hi Sai,
ReplyI can't find ur first code. How do i do? Can u help me?
:)) testing
Reply@ Mee Nge
ReplyYou 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
Hello Divya,
ReplyI 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=))
Reply:D very good, thank you;)
ReplyTesting :)).
ReplyNot working on IE8.
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...
Replyhi, thanks for the reply.
ReplyI 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
I really love this. I find it really easy to apply yours than the others. Thank you.
Reply:))
Replyhye divya,
Replyit needs time for the smiley to show up. At yours, it appeared after 5-6 minutes.
_JOE
at mine, it never shown after an hour.
Reply_JOE
dear sai sir,
Replyi 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!!
only works in firefox...
Replydoesn't in IE7
it works well on normal commment block.
Replybut it didnt appear on highlighted author comment, it appears only in normal commnent,
In my blog its not showed the above codes to search ~x(
ReplyDo not copy-pastre the image address, use the "codes" shown in front of the smilies...
Reply:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))
Reply@ Everybody
ReplyAll the code for this hack is working properly, just be sure to upload and link the smiley.js (javascript) file correctly...
Regards
Sai
test =))
Reply:(( test commment
ReplyHey! 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. :(
ReplyPlease if you could help, I'll be very grateful
Hi Siras, the problem with your template is that the comment area has been modified, due to which these smileys do not appear.
ReplyIf 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
Thankyou. :)
Reply~x( its not work in my blog
ReplyDude your blog address ?
ReplyAnd ya Tim, keep the code in your blog, as when I will visit I would like to see the code in place...
Reply;;)
Reply:D weeeeeeeee it's working heehee..thank you sooo much for this!
ReplyGod Bless!
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
Replyoops! :)
Reply@ Kpopster,
ReplyI 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
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!
Replyi'm trying to adjust the width but it's not working.
Replyhmmm...ya it actually takes the width of your post area automatically.
ReplyWell 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>
it did work, it's alright! it's really taking the width of the post's body.
ReplySorry, I mean it didn't work, but it's alright! thanks you so much for the help!
ReplyHey kpopster...dont worry it will definitely work.....i have tried it myself on this blog for you....
Replytry 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>
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.
Replyyehey!!!!! Thank you so much!!! I was wrong before i pasted it in a wrong section. you're so wonderful! kamsahamnida!
Replyhow 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;)) Good !!!.
Reply@ Kpopster
Replyyou 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
thank you!!! i got the icons working! except the "newer posts-home-older posts" <--home--> :(
ReplyHave you tried this method ? :-
Replyhttp://bloggerstop.net/2009/03/change-newer-post-older-post-and-home.html
yup i did, but the the icon doesn't show up. it's just blank. :(
Replysorry, sorry! maybe i was just too sleepy last night that's why i got it wrong! it's working now. really! ;)
Replyokay...gud :)
Replytesting :D :)
Replypls help dude.
Replythe 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
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):
Replyinstead of pasting the 2nd code BEFORE </head>
paste this just AFTER
<head>
lets c...
ooops.....consider
Reply</body> instead of </head>
and,
<body> instead of <head>
[:))]
Replyhey, there is a problem with the smileys working with the "admin comments in a different color" hack?
ReplyIs there a solution to get around this?
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 !!!
Replylike this :)
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.
Replytake a look here to see what i mean:
http://themindtunnel.blogspot.com/2008/12/deepeners.html#comments
Hmm Adrian, actually due to time constraint I wasn't able to look at any code for a few days....
ReplyAnyways 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 !
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:
Replyhttp://boxstr.com/files/5493623_y0yuh/template.txt
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(
ReplyJust replied you through mail...I hope you'll get it now.
ReplyThank you so much for this code. I'm looking for this code before, now I finally found it :D
Replythats cool :))
ReplyI will try it soon ;)
;))
Replyhow does this work???
Replygot it...cool, thnx a ton:)
Reply:))
Reply:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))
Replythis is test comment
:))
Replysum1 plz tell, how does dis work???
ReplyHave you tried the tutorial explained above ?
Replynice =))
Reply:))
ReplyGreat THanks amd tips
ReplyMoney, SEO and money making tips by http://www.teratips.com
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
Replyhttp://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif
Replyit's not working
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:)
Reply:|
:(
I typed as you said, but nothing happen.
TESTING :D
Replytesting :))
ReplyWow, cool trick, just put it, tried, and working perfectly fine :D
ReplyOne 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
@ Danoxs
ReplyYeah, 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 :)
Hi Divya,
ReplyI can't find this code on my template:
b:if cond='data: post.embedCommentForm'
What should I do?
Hi 'Dimples',
ReplyAs 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
why doesn't it work in my blog?
Replythe first code is just simply showing what text to be replaced with image right?
sorry for my bad english . .
Hello Bonar,
ReplyBefore 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 :)
thanks 4 your big help,
Replyit works like a charm :D
Let's test :) :X
ReplyHey Sai, it really works on yours... so cool!
ReplyI'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
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
ReplyThat's it...
still, it doesn't work Sai...
Replywould 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
@ 3T,
ReplyThe codes are same, here the code is specific to the "comments text-area", but the code at gman-blog is applied to all the blog including content and widgets which I usually find quite interfering.
I had it on my blog already. But I can't really find the codes :(
ReplyHi Dimples, I have checked your blog(http://dimplesmedrano.blogspot.com) you do not have the smiley hack active in it, so do you want to add the code in that blog?
ReplyYes of course I do want :) Will you help me?
ReplyYes ofcourse....I just checked your blog's source,
Replyyou need to edit the .JS file before uploading it.
Open the file and replace
b.item(i).getAttribute('CLASS') == 'comment-body'
with this:
b.item(i).getAttribute('CLASS') == '.comments-singleblock'
That's it, then upload the file, link it in the code above, and you'll get the smileys on your blog :)
BTW. Everytime that i'm downloading the .zip file that needed to be downoalded, it always come with index.php. I'm using DAP Accelerator Add-on in FF. is there any problem with the link?
ReplyHey Dimples,
ReplyDo not download through any DA, simply download from the link using any of your browsers. The downloaded files is neither a php/html but a JavaScript (.JS) file.
:-o how to do that? it's not working on my blog :(
Replycan you help me please... :D
Yup of course I can help you,
Replyforget the first code (the larger one)simply do the second part (upload the file and copy the code before </body> tag )...
Once you do this, and type the smiley code on your blog like this code :)
then you'll see a smiley icon in the comment.
If you successfully do this, then we can proceed with the first code.
it's not working.. but when i type smiley code in this post comment.. it always show : ) only...
Replynot the smiley images.. oh.. it's stressed.
heheh.. i already put the code and installed the .js but it's still not working.. :(
When I checked your blog, the code wasn't there....keep the code in place, so that I can find out what's going wrong!
ReplyNo.. I use for my another blog.. check this out :
Replymy another blog
but it's works already.. thanks ya!!
i love it... :X
hi.. again.. :D
Replyi tried to adding more codes in smiley.js
but it's not working..
is there any trouble if want to adding more smiley such as these smiley.. :"> B-) etc
thx
Comments are moderated on this blog
Allowed HTML tags: <b>, <i> and <a>
Comment Like This! and Optimize your blog EmoticonEmoticon