Add Yahoo Emoticons Above Blogger Comment Form


Valid until 31 January 2015 (unless noted)
You may notice that this blog has a feature : Yahoo emoticons above blogger comment form. Yup, it allows visitors too use combined character to shows yahoo emoticon on their comment. It could be useful for your visitors to express their emotion by giving smiley emoticons on blogs comment (smile, laughing, wink, big grin, frown, etc).

If you want to add yahoo emoticons above comment form to your blog, first it is better to set your blog "comment setting", set its placement to "Embedded below post". How? Go to Settings - Comments - set Comment Form Placement to "embedded below post". Done? good, lets move to the next steps:

1. Go to Layout - Edit HTML - click (tick) Expand Widget Templates (don't forget to backup your template)
2. Copy and paste this code just before </body>
<script src='http://sites.google.com/site/angga123site/smiley.txt' type='text/javascript'/>

3. Find this tag <b:if cond='data:post.embedCommentForm'>
4. Copy and paste the code below just after <b:if cond='data:post.embedCommentForm'>
<div style='overflow:no; width:100%px; height:100%px; padding:5px 5px 5px 5px; background:#FFFFFF;'>
<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>

5. Done! Save your template now!

Now you can see the result whether yahoo emoticons above blogspot comment form is worked.

The result will be look like this :

how to add yahoo emoticons to blogger blogspot comment

27 comments:

Marq | Uprinting.com said...

Cool! :D Now we can have more ways to express feelings! It makes the blogs more lively and animated, too. Thanks for this amazing post! ;)

Anonymous said...

:)

Dj roshan said...

:))

Anup said...

:))

Kenali Dan Kunjungi Objek Wisata Di Pandeglang said...

wow, very nice information thanks for sharing ^_^
Kenali Dan Kunjungi Objek Wisata Di Pandeglang

lafa said...

what a nice trick from this great blog, :D

salam salute

tips computer

Rizki said...

Thanks....:))

R13 said...

:)]

Kenali dan Kunjungi Objek Wisata di Pandeglang said...

Thankyou for nice tips. I'll try on my blog.

阿達瑪醫生 said...

Test and thanks for your nice work:))

Chanaka Aruna Munasinghe said...

=)) :x

Chanaka Aruna Munasinghe said...

:(|)

Unknownlyknown said...

:))

Naym said...

:-/ pilihan emoticonnya sih muncul kk, tp waktu di koment ga muncul tuh.. gmana yaah..:-/

Naym said...
This comment has been removed by the author.
Angga said...

@ nyam
benarkah?? aku pake js yg ada di postingan ini & lancar2 aja.

Angel said...

:((

kangalini said...

http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gifhttp://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif

irina said...

http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif

Very nice!

irina said...

:)) Very nice!

~ Yanie Rahman ~ said...

it work........tq very much for sharing!;;)

Aagman Link Service said...

used cell phones
i think you must write a book.

Gemini said...

Thank you so much :X I have been looking for so long to add this feature to my blog, and your instructions were simple and easy to follow and worked!!!!!!!! :D

سرحان said...

thanks :)
why i can't see your emoticons above comments form here? may be you cancel this feature!
and it doesn't work in my blog!! any help need :-o

سرحان said...

many thanks :) i solve and modify and now work nice, the problem is in Arabic direction.

Nunie said...

wow ... thanks

januwarie said...

Great Mantap gan !!!! permit to copying gan !!!! thanks....

Post a Comment

Rules:
Comment must be in English, otherwise will be not listed.
Spam comment will be deleted, so don't waste your time for it.
Respect yourself, respect others.