Não é possível afirmar quem foi o primeiro a usar um emoticon. Há referências sobre esse assunto que datam de 1969. O que sabemos é que são uma forma de representar sentimentos e expressões em um texto e que deixam as mensagens muito mais agradáveis e menos formais. Veja agora como oferecer no seu blog, a possibilidade de seus leitores usarem emoticons em seus comentários.
Blogueiro
Primeiro faça um backup do seu template, caso algo dê errado você poderá reverter a situação. E depois, vá até 'Layout'>>'Editar HTML' e marque a checkbox 'Expandir modelos de widgets'.
Aperte 'Ctrl+F' e procure pela linha de código:
<p class='comment-footer'>Se encontrar mais de uma ocorrência nessa busca, observe bem em qual o código se parece mais com o que é mostrado abaixo, é ele que deverá ser alterado.
Código mostrado na imagem acima:
<p class='comment-footer'>Selecione e substitua pelo código abaixo:
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<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>
<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: #000000; height:86'>
<b>
<img border='0' height='18' src='http://www.lomeutec.netai.net/publico/blog/emoticons/21.gif' width='18'/> :))
<img border='0' height='18' src='http://www.lomeutec.netai.net/publico/blog/emoticons/71.gif' width='18'/> ;))
<img border='0' height='18' src='http://www.lomeutec.netai.net/publico/blog/emoticons/5.gif' width='18'/> ;;)
<img border='0' height='18' src='http://www.lomeutec.netai.net/publico/blog/emoticons/4.gif' width='18'/> :D
<img border='0' height='18' src='http://www.lomeutec.netai.net/publico/blog/emoticons/3.gif' width='18'/> ;)
<img border='0' height='18' src='http://www.lomeutec.netai.net/publico/blog/emoticons/10.gif' width='18'/> :p
<img border='0' height='18' src='http://www.lomeutec.netai.net/publico/blog/emoticons/20.gif' width='22'/> :((
<img border='0' height='18' src='http://www.lomeutec.netai.net/publico/blog/emoticons/1.gif' width='18'/> :)
<img border='0' height='18' src='http://www.lomeutec.netai.net/publico/blog/emoticons/2.gif' width='18'/> :(
<img border='0' height='18' src='http://www.lomeutec.netai.net/publico/blog/emoticons/8.gif' width='18'/> :X
<img border='0' height='18' src='http://www.lomeutec.netai.net/publico/blog/emoticons/12.gif' width='18'/> =((
<img border='0' height='18' src='http://www.lomeutec.netai.net/publico/blog/emoticons/13.gif' width='18'/> :-o
<img border='0' height='18' src='http://www.lomeutec.netai.net/publico/blog/emoticons/7.gif' width='20'/> :-/
<img border='0' height='18' src='http://www.lomeutec.netai.net/publico/blog/emoticons/11.gif' width='18'/> :-*
<img border='0' height='18' src='http://www.lomeutec.netai.net/publico/blog/emoticons/22.gif' width='18'/> :|
<img border='0' height='18' src='http://www.lomeutec.netai.net/publico/blog/emoticons/35.gif' width='24'/> 8-}
<img border='0' height='18' src='http://www.lomeutec.netai.net/publico/blog/emoticons/100.gif' width='31'/> :)]
<img border='0' height='18' src='http://www.lomeutec.netai.net/publico/blog/emoticons/102.gif' width='44'/> ~x(
<img border='0' height='18' src='http://www.lomeutec.netai.net/publico/blog/emoticons/104.gif' width='30'/> :-t
<img border='0' height='18' src='http://www.lomeutec.netai.net/publico/blog/emoticons/66.gif' width='18'/> b-(
<img border='0' height='18' src='http://www.lomeutec.netai.net/publico/blog/emoticons/62.gif' width='18'/> :-L
<img border='0' height='18' src='http://www.lomeutec.netai.net/publico/blog/emoticons/14.gif' width='34'/> x(
<img border='0' height='18' src='http://www.lomeutec.netai.net/publico/blog/emoticons/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>
Agora pesquise pela tag :
</body>
Antes dessa tag cole o código abaixo:
<script src='http://lomeutec.netai.net/publico/blog/emoticons/smiley.js' type='text/javascript'/>
Está terminado. Salve e a caixa de comentários já possue os emoticons para serem colocados nas mensagens.
Essa postagem é apenas uma adaptação, o mérito é todo do site www.codigosblog.com.br
Veja também como criar um Widget de notícias para o seu blog.