11.Let your visitors post comments with smileys

Hi,
Before doing any modifications to your blog please back up your present template
Log in to your blogger account-aClick on "lay out" of the blog you want to do modifications-Edit HTML-Ctrl+A-Ctrl+C-Ctrl+V to notepad.
Now you can start your work.

Adding Yahoo smileys at commenting improves your comments as well as your Traffic to your blog.

Step1:-Go to layout don't forget to check "expand widgets" otherwise you can't get the following code in your search.
Step2:-Click "Ctrl+F" search for following code
<b:if cond='data:post.embedCommentForm'>
Immeadiately below to it add the following code

<br /><span style="font-weight: bold; color: rgb(102, 0, 0);"><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'></span> <span style="font-weight: bold; color: rgb(102, 0, 0);"><b></span> <span style="font-weight: bold; color: rgb(102, 0, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :))</span> <span style="font-weight: bold; color: rgb(102, 0, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;))</span> <span style="font-weight: bold; color: rgb(102, 0, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)</span> <span style="font-weight: bold; color: rgb(102, 0, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D</span> <span style="font-weight: bold; color: rgb(102, 0, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)</span> <span style="font-weight: bold; color: rgb(102, 0, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p</span> <span style="font-weight: bold; color: rgb(102, 0, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :((</span> <span style="font-weight: bold; color: rgb(102, 0, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)</span> <span style="font-weight: bold; color: rgb(102, 0, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :(</span> <span style="font-weight: bold; color: rgb(102, 0, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X</span> <span style="font-weight: bold; color: rgb(102, 0, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =((</span> <span style="font-weight: bold; color: rgb(102, 0, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o</span> <span style="font-weight: bold; color: rgb(102, 0, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/</span> <span style="font-weight: bold; color: rgb(102, 0, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-*</span> <span style="font-weight: bold; color: rgb(102, 0, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :|</span> <span style="font-weight: bold; color: rgb(102, 0, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-}</span> <span style="font-weight: bold; color: rgb(102, 0, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)]</span> <span style="font-weight: bold; color: rgb(102, 0, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x(</span> <span style="font-weight: bold; color: rgb(102, 0, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t</span> <span style="font-weight: bold; color: rgb(102, 0, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-(</span> <span style="font-weight: bold; color: rgb(102, 0, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L</span> <span style="font-weight: bold; color: rgb(102, 0, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x(</span> <span style="font-weight: bold; color: rgb(102, 0, 0);"><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =))</span> <span style="font-weight: bold; color: rgb(102, 0, 0);"></b></span> <span style="font-weight: bold; color: rgb(102, 0, 0);"></div></span><br />

Step3:-Search for </body> and add the following code before it.
<script src='http://naeemnur.googlepages.com/smilhack.js' type='text/javascript'/><noscript><a href="http://www.tutzone.org" target="_blank">TutZone</a></noscript>
Step4:-Now save your template .

Now on words you will see smileys before the comment box in your posts.
Demo
view your blog before commenting you will see the smileys as follows.

Source:-http://www.tutzone.org

Tags: Let your visitors post comments with smileys