How to Add Smiley Icon in blogger Comment



Fast log in blogger.

Go to Design> Edit HTM and find this code and click

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

Paste this code after <b:if cond='data:post.embedCommentForm'> code.

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

You have also find  </body> and paste this code just after.

<script src='https://sites.google.com/site/neshibly24/tuakurti/smiley.js' type='text/javascript'/><noscript><a href="http://blogger-shibly.blogspot.com/" target="_blank"><span style="font-size: x-small;">Add Smilies</span></a></noscript>

Now save your template.

13 comments:

Ariful Islam Shaon said...

hmm, thanks brother, can you tell me please, how to create xml site map for blogger, that was install you in your blog. If possible please write a post for it. THanks

Need Blogging, Graphics & Web Based Free Tutorials Plz Visit- http://www.bloggershaon.blogspot.com/

Noor Elahi Shibly said...

OK, I will :D

Rasfan said...

:p Thank You Shibly

Noor Elahi Shibly said...

@tutorial: you are most welcome. ;;)

Limu (Dhaka) said...

I have no blog :(

Noor Elahi Shibly said...

@Limu (Dhaka: :p

Md. Morshedul Arefin said...

@ ALL, make good use of smiley icon.

Noor Elahi Shibly said...

@Md. Morshedul Arefin: :)] 8-} :D

Rony Parvej said...

Thanks a lot....
I'll try it :D
But I'll use somewherein emos instead of typical wordpress emo :D

Rony Parvej said...

Can you plz give me download link of this template?

Noor Elahi Shibly said...

@Rony Parvej: Thanks you very much.;;) I am so sorry, I didn’t use free wordpress.com.:p

No I can’t, because I make it and work very hard for this template. Sorry.=((

রেজওয়ান said...

:X

Daudara said...

:)) and now testing...

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

Post a Comment