Hello.
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?
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: And enter the required fields and press Sign In 02. On your Dashboard choose the blog for which you want to Hide Nav Bar and then click on Layout tab: Once there, click on Edit Html tab: 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: Once downloaded, check the box to tick Expand Widget Templates: To 04. Now search for the below code [Press Ctrl+F to search]
05. Now after this line:
Add below lines to your template:
Now find the </body> Tag in your template and Just Before this tag add below lines:
06. Now click on Preview button [a new windows or tab will open]: By Previewing, you don’t save the changes, but can ensure it be error free. Now click on Save Template button to change the changes. That’s it, you can now use emotions in the comment area of your blog. Happy commenting!
01. Log in to your Free Blogger account by going to:
<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>
<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>
If there doesnt comes any error then proceed to next step.
How To Create A Blog In 5 Easy Steps
Hide Navigation Bar
How To Add A Contact Form To Your Blog
12 Responses to Add Yahoo Smileys In Comments
Rapideo March 12, 2009
Thatz A Million Dollar Article 8-}
Bariski March 13, 2009
lol I am happy this will help you :)
Anonymous March 18, 2009
thanks again :X
techhgyan March 21, 2009
Nice tutorial bro.Why don’t you use coomentLuv widget for comment section.Hope to see more tutorial from you.
Bariski March 21, 2009
You are welcome Buddy :)
Yee I am using that widget in my comments section ;)
Angie's Recipes April 24, 2009
Just noticed the open quoto for the js is missing
:))
Angie's Recipes April 24, 2009
btw, when I used name/url, I was not able to use the “post comment” button. It’s way under “edit”. And seems “enter” doesn’t help to publish the comment.
Bariski April 24, 2009
Angie’s Recipes Thanks for mentioning the mistake, that is fixed now :)
And as far as url/name thing is, that is working fine, please refresh and try again, see I’m also using it :)
mafiary May 16, 2009
:))
Anonymous May 29, 2009
great post! :)
Adrian June 9, 2009
hey, there is a problem with the smileys working with the "admin comments in a different color" hack? Is there a solution around this?
I noticed your admin posts have different colors AND the yahoo smileys…
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 (similar to yours in blue with normal comments in white). 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
Bariski June 14, 2009
@Adrian Here is what you do, upload this file which I am using on my blog, try this and please tell me if this help you :)
http://www.mediafire.com/download.php?zymngnmt3jx