![Blogger Hacks Blogger Hacks](http://lh3.ggpht.com/_QocHY3CSRM0/SYo7wH28d1I/AAAAAAAABkQ/0nroS9nZTYQ/s400-rw/blogger_hacks_ib.png)
Enquanto o Blogger não aperfeiçoa seu sistema de comentários para algo mais decente, temos que apelar para a criatividade (e scripts). Um Hack bem interessante e que pode incentivar seus usuários a comentarem, é a inclusão de emoticons, aquelas carinhas que aparecem quando você digita determinados códigos – como “:)” –, nos comentários. Você vai aprender a inserir, além do próprio Hack, um painel com todos os códigos e imagens dos emoticons para servir como referência para o seu leitor. Este Hack não funciona no Internet Explorer 7 ou inferior.
![](http://lh5.ggpht.com/neostyle/SPOID_5qEsI/AAAAAAAAAXE/4triuWWr9nE/s144-rw/itema.png)
Este Hack utiliza um arquivo JavaScript externo. O uso excessivo de scripts no seu blog pode torná-lo lento. Portanto, não exagere!
Para habilitar os emoticons nos comentários do seu blog, faça o seguinte:
![](http://lh4.ggpht.com/neostyle/SP4edVakTtI/AAAAAAAAAZ8/OFJNVQjL5Tw/s400-rw/editarhtml.png)
![](http://lh5.ggpht.com/neostyle/SPOID_5qEsI/AAAAAAAAAXE/4triuWWr9nE/s144-rw/itema.png)
Não se esqueça de fazer o backup do seu template antes de realizar as alterações no código, clicando em Baixar modelo completo.
<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>
<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: 370; text-align: center; border: 1px solid #bbbbbb; padding: 5px; background: #dddddd; height:90'>
<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>
Dessa forma você estará inserindo as imagens e os códigos dos emoticons para que o seu leitor possa ver e utilizar. Você pode alterar a altura (height) e largura (width) do painel modificando as partes em laranja. Em seguida vamos inserir o script no Blog:
Encontre o seguinte código:
</body>
E cole o seguinte código ANTES:
<script src='http://br.geocities.com/neocrosser/blogger_emoticons.js' type='text/javascript'/>
![](http://lh3.ggpht.com/neostyle/SPUQQx2isKI/AAAAAAAAAX0/yuwUUgHFmW4/s144-rw/itemv.png)
Visualize para ver se não há erros no template e clique em Salvar Modelo. Agora os seus leitores poderão utilizar emoticons nos comentários.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr00lyTld_u_TLO-Yl2zfZYJMNsFky8-twhoCVZ6bykgMugKccY0IlWatjPt5nOkzG-N9SIbrk4FYsu-ss2o5fRuKif6npVI0Jk2F37U6X1BqDqgC_AtzlYf_o5HRFqOGendyywU_-wUM/s144-rw/itemx.png)
Se o Hack não funcionar ou causar erros no seu template, desfaça as alterações clicando em Limpar Edições ou utilize o backup que você criou e clique em Fazer Upload, então refaça todo o processo.