March 7, 2009

TEXT SIZE minus plus

Add Yahoo Smileys In Comments

You Might Be Interested In Our Popular Article
  • Improve Link Popularity And Increase Alexa Rank In No Time
  • 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



    Print

    About the Author

    When I was born I was so shocked I didn't speak for a year and half...... My brain has 2 parts, Right and Left, The Right one has nothing left in it and the Left one has nothing right in it...... Who says Nothing is Impossible?? I've been doing nothing for years......

    12 Responses to “Add Yahoo Smileys In Comments”

    Author comments are in a darker gray color for you to easily identify the posts author in the comments

    1. Rapideo says:

      Thatz A Million Dollar Article 8-}

    2. Bariski says:

      lol I am happy this will help you :)

    3. Anonymous says:

      thanks again :X

    4. techhgyan says:

      Nice tutorial bro.Why don’t you use coomentLuv widget for comment section.Hope to see more tutorial from you.

    5. Bariski says:

      You are welcome Buddy :)
      Yee I am using that widget in my comments section ;)

    6. Angie's Recipes says:

      Just noticed the open quoto for the js is missing
      :))

    7. Angie's Recipes says:

      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.

    8. Bariski says:

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

    9. mafiary says:

      :))

    10. Anonymous says:

      great post! :)

    11. Adrian says:

      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

    12. Bariski says:

      @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

    Leave a Reply