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.

Receba nossos posts por feed ou email

Posts Relacionados

151 Comentários

Faça um comentário