This blog has moved here: www.bloggermint.com
Rethnaraj Rambabu Monday, January 18, 2010

With this simple hack, your blog readers are now able to use Yahoo smileys/emoticons when they comment on any of your blog posts. I am sure that your readers will really get excited and enjoy using these Yahoo! smileys. This hack will only work if you've enabled embedded comment form feature for your blog.

This is how it will look above comments form.



Follow these steps below to install this feature to your blog's template. Always remember to save a copy of your template before start editing your template. At Layout > Edit HTML page, click on the "Expand Widgets Template" and find for thses codes below using CTRL+F.

<p class='comment-footer'>

And you will now see a set of codes as shown below.

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

Replace them with the codes shown in the box below.

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

Now move on with the next step. Find the tag </body>

and paste this script below before that tag.

<script src='http://rethna30.googlepages.com/smiley.js' type='text/javascript'/><noscript><a href="http://introblogger.blogspot.com" target="_blank"><span style="font-size: x-small;">Add Smilies</span></a></noscript>

And click save.

Although, the link in blue colour will work, due to the bandwidth problem I recommend you to upload the Javascript file to your own server. You can download the Smiley.js file here. Once you've uploaded the file, change the above url with your own link.

 Please leave a comment if you have any problems/questions regarding the installation.

UPDATE: It won't work for author comments but only for visitor comments. However, you can log out and post your comment as a visitor if you want smileys in your comments.


21 comments:

Anonymous said...

test smiley ... :D

movie sport said...

Pls visit my blog:
http://irwandwiaprianto.blogspot.com/

it can put on above comment form, but I can't add those emoticons in the comment, why?

Whisper said...

It's not working on my web, what can i do to fix it?

Anonymous said...

:)

Whisper said...

I try to put those icons but they aren't working =/

mohamed kamal said...

It's not working

Deepika Vasudeva said...

i can't do it :(

order online said...

nice articel tnx

blogger said...

Nice post thanks

http://www.bloggertrix.com/

Brad Fallon said...

How to import smileys in yahoo messenger and are there animations to be added?

web design Huntsville AL said...

Nice your blog readers are now able to use Yahoo smileys/emoticons when they comment on any of your blog posts.

Anonymous said...

thanks works for :) :)

Maths Tutor said...

Wow super cute emoticons...Hmmm I love to add them on my blog. But I just don't know where I could insert the codes above on my blog...:(

Sports Science Course said...

Are they all animated? I mean moving? They're all cute I must say, but adding yahoo smiley emoticons is not applicable on my blog.

eb5 visa said...

where can i get a safe site to download free yahoo messenger smileys?

Herman Miller Aeron said...

Hot to import smileys in yahoo messenger and are there animations to be added?

pebbles said...

I’m impressed. Very informative and trustworthy blog does exactly what it sets out to do. I’ll bookmark your weblog for future use.

Pebbles
www.joeydavila.net

Learn Chinese said...

AllMandarin is the only company that can give you an excellent alternative to learn Mandarin Chinese that is not only better, but also more efficient in terms of cost, flexibility and learning methods.

I am a Chinese teacher,you can learn more about Free Chinese language info: Mandarin Chinese teacher | Online Chinese teachers | Native chinese teacher

Anonymous said...

Your creativity amazes me. Thanks for every other fantastic article. I have a presentation subsequent week, and I am on the look for such info.
website design

Richard C. Lambert said...

With this simple hack, your blog readers are now able to use Yahoo smileys/emoticons when they comment on any of your blog posts. I am sure that your readers will really get excited and enjoy using these Yahoo! smileys. This hack will only work if you've enabled embedded comment form feature for your blog. Hack Facebook 2014

Beautiful Places said...

I really appreciate the kind of topics you post here. Thanks for sharing us a great information that is actually helpful. Good day!Free Mockup

Post a Comment

Copyright 2010 Introblogger
Designed by Rethnaraj Rambabu
Introblogger | The free blogging guide - Blogged Web Statistics