How Add Smileys Faces Comment Box in to your site

First log in to Blogger
Then go to Layout -> click on "Edit HTML" tab, and click on "Expand Widget Templates"
tick-box.

Now find this code :

<b:if cond='data:post.embedCommentForm'>

<b:include data='post' name='comment-form'/>

Now right IN-BETWEEN those two lines, add all these lines:

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

Then


Now find this code in the template:  

</body>

And just BEFORE it, add this line:

<script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/smiley.js'
type='text/javascript'/><noscript><a
href="http://bloggerstop.net" target="_blank"><span
style="font-size: x-small;">Add
Smilies</span></a></noscript>

Now Save