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...

Alguém que escreve. Especialista em si mesma. Leitora que lê muito menos do que gostaria. Blogueira por paixão e profissão. Propriedade da Princesa e da Menininha, e de um cachorrinho muito levado chamado Bloguinho. Tentando viver. Sempre.

10 comentários , comente também!

  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

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