Emoticons nos comentários

Encontrei um script muito bom, para adicionar emoticons nos comentários do seu blogger.
Muito simples e funciona direitinho. Já estou até usando aqui no Códigos Blog.
Siga abaixo o tutorial e coloque no seu blog.
Antes de tudo é aconselhável que faça backup do seu template, toda vez que for modificar algo, por segurança.
Vamos ao tutorial:

1º – Faça login no Blogger, entre em: \”Layout\” -> \”Editar HTML\”.

2º – Marque a caixa: \”Expandir modelos de widgets\”.

3º – Procure (Ctrl + F):

 <p class=\'comment-footer\'>

É possível que tenha mais de um tag desse no seu template, então escolha o SEGUNDO tag <p class=\'comment-footer\'>

4º - Selecione todo código do seu template que está dessa forma:

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

4º - Substitua por isso:

<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://codigosblog.net/servidor/emoticons/img/21.gif\' width=\'18\'/> :))
<img border=\'0\' height=\'18\' src=\'http://codigosblog.net/servidor/emoticons/img/71.gif\' width=\'18\'/> ;))
<img border=\'0\' height=\'18\' src=\'http://codigosblog.net/servidor/emoticons/img/5.gif\' width=\'18\'/> ;;)
<img border=\'0\' height=\'18\' src=\'http://codigosblog.net/servidor/emoticons/img/4.gif\' width=\'18\'/> :D
<img border=\'0\' height=\'18\' src=\'http://codigosblog.net/servidor/emoticons/img/3.gif\' width=\'18\'/> ;)
<img border=\'0\' height=\'18\' src=\'http://codigosblog.net/servidor/emoticons/img/10.gif\' width=\'18\'/> :p
<img border=\'0\' height=\'18\' src=\'http://codigosblog.net/servidor/emoticons/img/20.gif\' width=\'22\'/> :((
<img border=\'0\' height=\'18\' src=\'http://codigosblog.net/servidor/emoticons/img/1.gif\' width=\'18\'/> :)
<img border=\'0\' height=\'18\' src=\'http://codigosblog.net/servidor/emoticons/img/2.gif\' width=\'18\'/> :(
<img border=\'0\' height=\'18\' src=\'http://codigosblog.net/servidor/emoticons/img/8.gif\' width=\'18\'/> :X
<img border=\'0\' height=\'18\' src=\'http://codigosblog.net/servidor/emoticons/img/12.gif\' width=\'18\'/> =((
<img border=\'0\' height=\'18\' src=\'http://codigosblog.net/servidor/emoticons/img/13.gif\' width=\'18\'/> :-o
<img border=\'0\' height=\'18\' src=\'http://codigosblog.net/servidor/emoticons/img/7.gif\' width=\'20\'/> :-/
<img border=\'0\' height=\'18\' src=\'http://codigosblog.net/servidor/emoticons/img/11.gif\' width=\'18\'/> :-*
<img border=\'0\' height=\'18\' src=\'http://codigosblog.net/servidor/emoticons/img/22.gif\' width=\'18\'/> :|
<img border=\'0\' height=\'18\' src=\'http://codigosblog.net/servidor/emoticons/img/35.gif\' width=\'24\'/> 8-}
<img border=\'0\' height=\'18\' src=\'http://codigosblog.net/servidor/emoticons/img/100.gif\' width=\'31\'/> :)]
<img border=\'0\' height=\'18\' src=\'http://codigosblog.net/servidor/emoticons/img/102.gif\' width=\'44\'/> ~x(
<img border=\'0\' height=\'18\' src=\'http://codigosblog.net/servidor/emoticons/img/104.gif\' width=\'30\'/> :-t
<img border=\'0\' height=\'18\' src=\'http://codigosblog.net/servidor/emoticons/img/66.gif\' width=\'18\'/> b-(
<img border=\'0\' height=\'18\' src=\'http://codigosblog.net/servidor/emoticons/img/62.gif\' width=\'18\'/> :-L
<img border=\'0\' height=\'18\' src=\'http://codigosblog.net/servidor/emoticons/img/14.gif\' width=\'34\'/> x(
<img border=\'0\' height=\'18\' src=\'http://codigosblog.net/servidor/emoticons/img/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>

5º - Teste, se não teve nenhuma modificação no template, salve!

6º - Agora procure:

</body> 

ANTES desse código cole isso:

<script src=\'http://codigosblog.net/servidor/emoticons/smiley.js\' type=\'text/javascript\'/> 

7º - Salve!
Agora quando alguem for comentar vai aparecer a opção de adicionar Emoticons.
Exemplo:

Espero que gostem.
Achei esse tutorial em vários blogs e sites, sem nenhum crédito, então não tem como eu colocar os créditos do autor. Se alguem descobrir me avise.
Abraços.