Como colocar emoticons animados nos comentários do blog? - * Blog Elaine Gaspareto *

Como colocar emoticons animados nos comentários do blog?

em 15/05/2017

Como colocar emoticons animados nos comentários do blog?

Dias atrás eu publiquei aqui no blog um tutorial que ensina como inserir as reações/reactions do Facebook ao final dos posts do blog.
Recorde: Como colocar os emoticons Reações do Facebook em posts do Blogger?
Conforme eu disse ao final daquele tutorial vou mostrar hoje como colocar a opção do seu leitor usar emoticons ao comentar em posts do blog.
Quando estiver pronto vai ficar assim:


Demonstração do tutorial


Vamos aprender?
Sugiro que você teste antes em um blog de testes. Acredite em mim, isso evita muita dor de cabeça...
Precaução tomada, vamos trabalhar?
Comece abrindo a página com todos os códigos necessários a execução do tutorial:


Copiar os códigos

A seguir acesse a aba Modelo de seu blog de testes e clique em Editar HTML.
Dentro da caixa de códigos que abrir tecle Ctrl+F e na barra de busca que aparecer digite ]]></b:skin> e tecle Enter para localizar.
ACIMA dessa tag de fechamento cole o CÓDIGO CSS.
Salve.

Agora, na barra de pesquisa, digite isso:



Tecle Enter para localizar.
ACIMA dessa linha cole o CÓDIGO HTML.
Salve.

Digite </body> na barra de pesquisa e localize.
ACIMA disso cole o CÓDIGO JAVASCRIPT.
Salve.

Se tudo deu certo os emoticons aparecem em sua área de comentários, mais ou menos assim:



Como usar os emoticons para comentar?


Simples!
Observe que cada emoticon possui um "código" ao lado dele.
Exemplo:  :)
Basta digitar esse codigozinho ao comentar e o emoticon vai aparecer.
Faça o teste em meu blog de testes e você verá...  ;)


Deu tudo certo em seu blog de testes? Então faça agora em seu blog oficial, mas antes, uma recomendação da tia Elaine:
Faça o backup de seu template e guarde para evitar dor de cabeça caso algo não fique como deveria.
Não sabe fazer backup? Leia:




Perguntas que podem surgir


1- Fiz, deu certo mas quero tirar...
Simples: refaça o tutorial ao contrário, apagando os códigos inseridos ou então simplesmente use o backup feito antes.

2- Esse recurso pesa no carregamento do blog?
Tudo, absolutamente tudo que colocamos no blog tem um peso, de uma imagem simples até um código mais complexo.
Nesse caso é peso é pouco, nos testes que fiz, mas é claro que existe.

3- Fiz tudo certo e não apareceu nada...
Releia o tutorial e certifique-se de haver realmente feito tudo certo.

4- No meu template não tem as linhas indicadas para localizar...
Tem sim. Todos os templates do Blogger possuem essas linhas. Tente de novo, certamente vai estar lá.

5- Por que voce não usa tudo que ensina em seu blog?
Porque se eu colocasse tudo que sei neste blog ele jamais abriria, e mesmo se abrisse voce não conseguiria ler tamanha confusão que seria...


Créditos:
Tenho esse código arquivado há anos, desde 2012, e já o vi em vários lugares.
Quando eu o salvei foi deste blog aqui: Kkangismet então vou creditar a ele mas sem certeza de que seja de fato o desenvolvedor.


Gostou do tutorial?
Então que tal deixar um comentário, ou compartilhar/curtir o post?
Eu agradeço muito, muito...
12 comentários via Blogger
comentários via Facebook

12 comentários:

  1. Eu fiz, deu certinho!! Obrigada Elaine :*

    ResponderExcluir
  2. oi Elaine, olha eu de novo aqui, cheia de dúvidas... eu não achei no meu blog a aba modelo, fui na aba "tema", não sei se é a mesma coisa, mas também não achei o código ]]<>/b:skin>
    Você poderia ver pra mim o que está acontecendo?
    bjk

    ResponderExcluir
    Respostas
    1. Olá querida! Não sou a Elaine mas a maneira que você digitou o código está errada: é ]]>
      Se seu problema não resolver pode responder este comentário. Sempre visito o blog :)

      Excluir
    2. oi Mony, eu digitei errado aqui (rs), mas no blog eu fiz certo e mesmo assim não apareceu nada, não tem a aba Modelo.

      Excluir
    3. Karine, Tema e Modelo é a mesma coisa. Pode ir na fé que vai dar certo rsrsr
      Experimente digitar skin
      Vai aparecer 2 ocorrencias, aí vc acha a que está buscando.
      Todo template tem, sem exceção...

      Excluir
  3. Excelente Artigo !! Eu estou adorando visitar blog, sempre tem conteúdo de alta qualidade .... São muitos legais, e interessante ....

    Parabéns !!!!

    Resultados das Loterias da Caixa

    ResponderExcluir
  4. PrecisO de ajuda toda vez que entro no meu blog sempre aparece menu e em que entrar podi muda,sou nova nisso me sinto sozinha e quero post pra ajuda e ser ajuda alguem me aju.minha meus amigo procur meu blog nas rede sociais e nao acha o que faso

    ResponderExcluir
  5. Olá tudo bem ? Espero que sim, estou acompanhando este site á um tempo e estou adorando os conteúdos que encontro aqui, são muito bons bem interessante.
    Parabéns!
    Noticias da Web

    ResponderExcluir
  6. Ótimo Artigo !!!

    Este blog é sensacional, sempre que tem algum problema no site de minha irmã, eu venho aqui neste blog e consigo resolver o problema, este blog é muito bom...é uma escola para nós blogueiras...

    Parabéns Elaine...

    Ótimo Artigo !!!

    Estou amando seus textos, sempre amei visitar seu blog e ler os artigos, sempre tem dicas e informações interessantes...

    Parabéns !!

    Edenilda

    Colaboradora do Portal Resultado Lotofácil de Hoje de Ontem

    ResponderExcluir
  7. Amei!!!

    Estou adorando visitar esse blog maravilhoso, sempre tem posts legais.

    Parabéns!!!


    Posso compartilhar esse post no meu facebook?

    Quero compartilhar com as minhas amigas!

    Visite Meu Blog Resultado Loterias

    ResponderExcluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…



Visualizações

Contando...

Dias online
Postagens
comentários