Home » 2011 » March » 8 » Tips on How To Add Yahoo Smileys In Comments
12:44 PM
Tips on How To Add Yahoo Smileys In Comments

Add Yahoo Smileys In Comments


yahoo emotionsHello Gurus, this is for all bloggers!!!



Have you thought about using Yahoo smileys in your blog or site comment area?



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

Category: Tutorials Blog | Views: 1067 | Added by: seniorkoa | Tags: Gurus Tutorials | Rating: 5.0/1
Total comments: 1
0  
1 seniorkoa   (2011-03-08 12:46 PM) [Gurus Entry]
Enjoy Yahoo smileys in your blogs!!!!!!!!!!!!! biggrin wacko tongue happy

Only registered users can add comments.
[ Sign Up | Log In ]