How to Add Smileys to Blogger Comments / Blogspot Comments !
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′/>
<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′/>
<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.









February 25th, 2009 at 9:41 AM
A very informative blog you have. Where do you get all this information. From the internet?
February 26th, 2009 at 12:29 AM
Yeah
Thanks Julia………
February 28th, 2009 at 10:16 PM
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
February 28th, 2009 at 10:17 PM
Dude Im from mumbai too…but now working in DELL in HYD so please keep in touch
March 10th, 2009 at 9:12 AM
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
March 15th, 2009 at 10:45 AM
aiyo.. i did paste it but when i try to comment using it, it doesnt come out.. how come???
March 16th, 2009 at 1:33 AM
@ Kris
What is the Error code dude ?
March 18th, 2009 at 3:37 AM
ok, bos. I have try it. and it’s work.
thank a lot
March 18th, 2009 at 3:41 AM
U R Welcome Tikno
March 18th, 2009 at 3:41 AM
Can i get your link banner???
http://www.belajarblog80.blogspot.com
March 28th, 2009 at 1:17 AM
April 8th, 2009 at 8:32 AM
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 “”
April 8th, 2009 at 6:30 PM
Thank You For the Post.But You have not used this Tips.
Wanna Link exchange with my Site:
OnlineDefine.blogspot.com.
Thank You
April 23rd, 2009 at 3:26 PM
May 29th, 2009 at 5:36 AM
doesnt work
June 6th, 2009 at 1:15 PM
doesnt work
(