Adding a set of Smilies to comment box

Here is a cool trick to try. You can embed a yahoo type smiley set to your comment box as i have done in mine. In the reader wants to add a smiley , he just have to look at it , choose the correct symbol for the appropriate smiley and type the symbol. This may also encourage user to leave a comment. Here is how to do it.

1. Edit your Template
2. Now find out


<p class='comment-footer'>


( press 'Ctrl' + F to open your browser's search box)

If you find two or more code lines , select the second one.
It must be look like this.


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


Now replace this set of code lines with following codes. ( make sure you replace above whole set )


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


Now find out


</body>


( press 'Ctr
l' + F to open your browser's search box)

and paste this code line just above it.


<script src='http://www.hotlinkfiles.com/files/2567928_jj914/smiley-EditBloggy.js]smiley-EditBloggy.js' type='text/javascript'/><noscript><a href="http://techknowl.com" target="_blank">Blogger



Now follow the Safety Saving Steps.

And



Customizing.....

border: 1px - Border width
solid #cccccc
- Border color
padding: 5px
- Distance between 2 smilies
background: #eeeddf
- Background color of smiles box



feedburner

Every New lesson , directly to your Mail Box .....

9 comments:

DragonD on May 26, 2009 at 6:07 AM said...

:)) hope you enjoy this trick ! :-/

Canary on May 27, 2009 at 10:50 PM said...

:-L

Canary on May 27, 2009 at 10:51 PM said...

Thanks

Naani on June 8, 2009 at 10:47 AM said...

=))

haarsh_life on June 27, 2009 at 11:21 AM said...

broo watu mena by "Now replace this set of code lines with following codes. ( make sure you replace above whole set"
plzz explain do we hav 2 paste all sets ??

DragonD on June 27, 2009 at 7:31 PM said...

yep bro

replace

p class='comment-footer
to......
b:if

with smiles cod set and

paste the other set above /body

contact me if u don't get it (dilshanzmail@gmail.com )

ZaaRz on August 23, 2009 at 6:28 AM said...
This comment has been removed by the author.
minami1314 said...

LED table lamp here are four of the best LED reading lights, The elegant Dura Care LED Reading Light delivers glare-free light for maximum visual comfort LED Light . At our led light  we are changing the way you think about theLighting.

minami1314 said...

So just what is LED light? In two words, it is the future. It's the future of both household and commercial lighting. More and more homeowners are giving up their traditional incandescent bulbs and turning to the energy-efficient LED bulbs. Indeed, entire cities and states are trying to benefit the environment by adopting the new lighting technology.

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

The Word Validation image has been removed and no need to Sign In. So don't be lazy ..........

 
This blog sucks under Internet Explorer.

Buy me a Coffee


Powered By

Latest Site News


Animated 3D Dock removed in order to speed up loading time and to help IE users.

This site will be come up with a DOMAIN name soon.

Link and Win competition will start as soon as the Domain name added. Join with us. You could be the winner.

Site Info

since 2009 April

Submit a Lesson

Visitors

of Visitors read Pages.

Lessons by DragonD | Template by Simran | Logo by lahirulcd | Temaplate redesigned by DragonD| Icons by DryIcons.com | Licensed under CC license Creative Commons License