Add Yahoo Smileys In Comments

yahoo emotionsHello.

Previously I told you a hack with which you can explore The Hidden Smileys or Emotions in Yahoo messenger.

How about using those smileys in you blog or site comment area?

oh

Yea its very easy to embed Yahoo or any Emotions or Smileys you want in the Comments Area of your blog. Yee, making use of this simple hack can increase the replies you get on your blog significantly, because this will give your readers a lively environment to reply.

This hack is imported from WordPress, you must have seen that in WordPress we can use smileys in the comment area also.

Note: To make this hack work, you should have inline comment form in your blog template [most of the new templates support this]. Or Read this previous article to know how to get it.

Okay here we go, follow these simple steps:
01. Log in to your Free Blogger account by going to:

And enter the required fields and press Sign In
add yahoo emotions

02. On your Dashboard choose the blog for which you want to Hide Nav Bar and then click on Layout tab:
add yahoo emotions

Once there, click on Edit Html tab:
add yahoo emotions

03. Now in Edit Html tab, before proceeding next, it would be a better idea to backup your template, by clicking on Download Full Template link:
add yahoo emotions

Once downloaded, check the box to tick Expand Widget Templates:
add yahoo emotions

To
add yahoo emotions

04. Now search for the below code [Press Ctrl+F to search]

<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>

05. Now after this line:

<b:if cond=’data:post.embedCommentForm’>

Add below lines to your template:

<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>

Now find the </body> Tag in your template and Just Before this tag add below lines:

<script src=’http://naeemnur.googlepages.com/smilhack.js’ type=’text/javascript’/><noscript><a href="http://www.tutzone.org" target="_blank">TutZone</a></noscript>

06. Now click on Preview button [a new windows or tab will open]:
add yahoo emotions

By Previewing, you don’t save the changes, but can ensure it be error free.kenyit If there doesnt comes any error then proceed to next step.

Now click on Save Template button to change the changes.
add yahoo emotions

That’s it, you can now use emotions in the comment area of your blog. sengihnampakgigi

Happy commenting! kenyit

12 Comments

  1. Rapideo March 12, 2009
  2. Bariski March 13, 2009
  3. Anonymous March 18, 2009
  4. techhgyan March 21, 2009
  5. Bariski March 21, 2009
  6. Angie's Recipes April 24, 2009
  7. Angie's Recipes April 24, 2009
  8. Bariski April 24, 2009
  9. mafiary May 16, 2009
  10. Anonymous May 29, 2009
  11. Adrian June 9, 2009
  12. Bariski June 14, 2009

Leave a Reply

Your email address will not be published. Required fields are marked *