< Browse > Home / Blogger / Blog article: How to Add Smileys to Blogger Comments / Blogspot Comments !

How to Add Smileys to Blogger Comments / Blogspot Comments !

February 20th, 2009 | 16 Comments | Posted in Blogger

This hack is about adding smileys, emoticons to your blogspot comment. This hack is really very simple and easy to implement. So now your blog readers can add comments to your blog in stylish way..lol. Just Follow the simple instruction to implement this hack to your blogger blog.

Follow this steps >

Step 1 : Login to Blogger.

Step 2 : Go to Layout > Edit HTML

Step 3 : Find the following code.

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

Step 4: Now replace the above code with the following code:

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

Step 5 : Now Add the following code before the </body> tag.

<script src=’http://vishalgkr.googlepages.com/smiley.js’ type=’text/javascript’/><noscript><a href=”http://www.tricksmachine.com” target=”_blank”>Tricks Machine</a></noscript>

Step 6 : Done. Now Save your template and Enjoy.

Hope you enjoyed this post. Give it a try and let me know how this is works for you.

Related Posts

Leave a Reply 5020 views, 25 so far today |
Follow Discussion

16 Responses to “How to Add Smileys to Blogger Comments / Blogspot Comments !”

  1. Julia Scissor Says:

    A very informative blog you have. Where do you get all this information. From the internet?

  2. VISHAL Says:

    Yeah

    Thanks Julia………

  3. Dan Alan Charles Says:

    Hey Vishal thz man it worked gr8 I love you rblog you saved my work. But yeah please visit my website

    http://www.alanwarez.tk

    I want you to be a active member and help me with HTML and also become a follower of this website

  4. Dan Alan Charles Says:

    Dude Im from mumbai too…but now working in DELL in HYD so please keep in touch

  5. cheks900 Says:

    I can not find the code on the html page. can any one be kind to help me understand all this. I do not know any html stuff

  6. Kris and Nadia Says:

    aiyo.. i did paste it but when i try to comment using it, it doesnt come out.. how come???

  7. √ДMPIRE Says:

    @ Kris

    What is the Error code dude ?

  8. tikno Says:

    ok, bos. I have try it. and it’s work.
    thank a lot

  9. √ДMPIRE Says:

    U R Welcome Tikno :)

  10. tikno Says:

    Can i get your link banner???
    http://www.belajarblog80.blogspot.com

  11. THE GAME Says:

    :) )

  12. xenomorf Says:

    hello.. i got this error when i try to save the template:

    Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: The element type “b:includable” must be terminated by the matching end-tag “”

  13. Pankaj Gupta Says:

    Thank You For the Post.But You have not used this Tips.

    Wanna Link exchange with my Site:
    OnlineDefine.blogspot.com.

    Thank You

  14. Anonymous Says:

    :)
    ;)

  15. kUrTsKY Says:

    doesnt work :(

  16. Naani Says:

    doesnt work :( (

Leave a Reply

CommentLuv Enabled