Colocar emoticons nos comentários do Blogger

emoticons-smileys-comentarios-blogger-blogspot
A possibilidade de deixar comentários ao fim dos artigos é uma das características mais importantes dos blogs, pois possibilita a interação do leitor com o blogueiro e ainda enriquece o artigo. Existe várias técnicas que ajudam a aumentar o número de comentários recebidos, dentre elas, deixa-lo mais interativo usando emoticons.

Os emoticons são ícones baseados em expressões faciais que traduzem o estado emocional do leitor. Por exemplo:

"Ótimo artigo, me ajudou muito emoticon-feliz (estou feliz)"
"Obrigado pela dica, mas infelizmente não funcionou em meu blog emoticon-triste (estou triste)"

Existe muitos scripts que adicionam esse recurso nos comentários do blogger, porém, depois do lançamento dos Threaded comments (opção responder comentário), todos eles pararam de funcionar, mas felizmente um blog da indonésia desenvolveu um script que funciona perfeitamente mesmo nos threaded comments, e são baseados nos famosos smileys do Yahoo messenger.

Colocando emoticons nos comentários do Blogger

emoticons-comentarios-blogger-blogspot
Antes de tudo, é necessário que a opção "responder comentário" esteja ativada em seu blog. Caso não esteja, leia o tutorial de como ativá-la clicando aqui. Com o recurso já ativado, siga o tutorial abaixo e em pouco tempo seu sistema de comentários estará muito mais interativo.

1° passo: Acesse o painel do Blogger, escolha o blog que você deseja instalar, selecione a opção "Modelo" e clique em "Editar HTML".

2° passo: Agora usando o Ctrl F, procure por:
</body>
3° passo: E acima dele adicione o seguinte código:
<!-- Emoticons nos comentários do Blogger - ComoBlogar.com -->
<script src='http://comoblogar.googlecode.com/files/emoticons-blogger.js' type='text/javascript'/>

4° passo: Clique em "Salvar modelo".

Leia também:

Gostou? Compartilhe:
Carlos Vinícius

Carlos Vinícius é blogueiro, programador e Web Designer. No momento está cursando o ensino médio e tem como principal sonho se tornar Problogger. Você o encontra também no Escola Sites e no Quero criar um blog.

39 comentários:

  1. Excelente dica Carlos, só não entendi como as pessoas fazem para inserir os emoticons.

    ResponderExcluir
    Respostas
    1. Olá Jackson,
      Obrigado pelo comentário.
      Os emoticons são inseridos da mesma maneira que são no Facebook, MSN e etc. Por exemplo:
      Digite : ) (sem espaços), e irá aparece :)

      Excluir
    2. Entendi, é que eu pensei que os emoticons ficavam abaixo dos comentários e as pessoas só tinham que clicar neles. De qualquer forma, é um recurso a mais.

      Excluir
    3. Olá Jackson,
      Infelizmente o Blogger não aceita modificações complexas em seu sistema de comentários. Mesmo assim esses emoticons deixam os comentários mais interativos e sem dúvida é um incentivo a mais para o leitor comentar.
      Obrigado pelo comentário.
      Abraços.

      Excluir
    4. Ow Carlos. Eu já vi blogs que deixam os emoctions acima da caixa de comentários, e ao clicar, o emoction é inserido, só não lembro se era já a imagem ou apenas o atalho, que depois era convertido para imagem...

      Excluir
    5. Olá Tiago,
      Se você já viu algum blog com esse recurso, pode ter absoluta certeza que era em Wordpress, ou outra plataforma que é instalada no próprio servidor do usuário, ou seja, que aceite fazer modificações no sistema, ao contrário do Blogger.

      Obrigado pelo comentário.

      Excluir
  2. Eu não sou muito fã desses emoticons mas de qualquer forma é um bom artigo porque tem muita gente que gosta e é mais um recurso oferecido aos leitores do blog.
    Parabéns pelo artigo Carlos Vinícius.
    Abraços...

    ResponderExcluir
    Respostas
    1. Olá Mauricio,
      Mesmo que você não goste, esses emoticons incentivam o leitor a deixar comentários, pois eles os deixam o sistema mais interativo.
      De qualquer forma, obrigado pelo comentário ;)

      Excluir
    2. no meu não deu certo, fiz tudo certo, ah, e é possivel sim por num blog, eu já fiz isso, e era do blogger

      Excluir
    3. Henrique, todos os meus testes funcionaram. Talvez não funcionou em seu blog por causa de alguma interferência de scripts.

      Abraços.

      Excluir
  3. Muito legal Carlos, se quisermos até podemos adicionar uma mensagem acima da caixa de comentários explicando como se pode usar os emoticons.

    Abraços.

    ResponderExcluir
    Respostas
    1. Olá Izaque,
      Obrigado pelo comentário.
      Realmente é uma boa ideia fazer isso, pode dar certo ;)
      Abraços.

      Excluir
  4. Tem todo tipo de emoticon? coração, laço flor etc

    ResponderExcluir
  5. Não funciona olha ---> :) Teste;)

    ResponderExcluir
    Respostas
    1. Amick, aqui no meu blog ele não está funcionando porquê eu exclui o script, mas se você instalar em seu blog garanto que dará certo.

      Abraços.

      Excluir
  6. Mto obrigado Carlos! Vou passar a seguir o seu blog pois foi o único que realmente funcionou comigo, mas eu queria saber se tem como eu colocar uma caixinha em cima do campo onde as pessoas digitam seus comentários com os emoticons que elas podem usar, seria possível?

    Desde já mto grato

    ResponderExcluir
    Respostas
    1. Olá José, para colocar os emoticons que podem ser inseridos próximos a caixa de comentários siga o seguinte tutorial (em inglês).

      Só não adicione o código com o título "Adding Javascript" que já é o código que pedi para inserir no nosso tutorial.

      Obrigado pelo comentário e abraços.

      Excluir
    2. Obrigado Carlos mais infelizmente o código bugou a quantidade de postagens que apareciam na homepage do meu blog, passou do nada a mostrar 1 postagem, e meu "chefe", fundador do blog me pediu pra tirar o código, acho que não foi o código, mas você sabe como eles são neh... não escutam! Já consegui concertar mas não sei se poderei usar...

      Mesmo assim, obrigado!

      Excluir
    3. É uma pena que não tenha dado certo.

      Excluir
    4. Chefes, pq nunca nos escutam? Kkkkkkkkkkkk, mas obrigado mesmo assim, funfar funfou, espero que futuramente eu posso usá-lo!

      Excluir
    5. Pois é José (risos).

      De qualquer forma te desejo boa sorte em seus projetos. Abraços.

      Excluir
    6. Obrigado Carlos, parabéns pelo blog!

      Abraços, bom trabalho!

      Excluir
  7. Este comentário foi removido por um administrador do blog.

    ResponderExcluir
    Respostas
    1. Amigo, seu comentário foi removido por conter um link desnecessário.

      Grato!

      Excluir
  8. depois de ter feito o prosseço... tinha ke aparecer o emotions logo assima da "deixar um comentario"???

    ResponderExcluir
    Respostas
    1. Não amigo, esse código apenas converte as "caretas" digitadas para a imagem correspondente.

      Abraços.

      Excluir
  9. Respostas
    1. O script funcionou em todos os meus testes, portanto o mais provável é que você tenha inserido algo errado.

      Abraços.

      Excluir
  10. Estou usando em meu blog!
    Obrigada Carlos, sucesso!

    ResponderExcluir
  11. Infelizmente, eu não consegui perceber como fazer aparecer smileys (escrevendo tal como no facebook/messenger) no meu blog, Carlos! Só percebi como fazer publicidade ao seu blog com as suas linhas de programação... :(

    ResponderExcluir
    Respostas
    1. O sistema de comentários do Blogger não permite que seja inserido botões para a inserção de emoticons, portanto esse script apenas converte as "carinhas" digitadas no teclado para o emoticon correspondente.

      Aqui no Blogger eles não aparecem porque eu desativei esse script.

      Abraços.

      Excluir