How to Add Smileys to Blogger Comments / Blogspot Comments !

• Share

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.

Related Posts

• Choose Best Web Hosting with Web Hosting Clue
• Uncompress Files Online with WobZip
• Easily Disconnect Any Removable Devices with USB Safely Remove
• Get Notified When Someone stops following you on Twitter!
• Manage multiple Gmail accounts with Gmail Manager!

Article by VISHAL GAIKAR

I am Vishal Gaikar, Engineer, Web Addicted, Living in Maharastra, India. Email Me @ vishal@techbucket.org

VISHAL has written 533 awesome articles. If you like This post, you can follow us on Twitter.. Read More. Subscribe to feed via RSS