Como adicionar emoticons de bate-papo nos comentários do Blogger

 Devido ao aumento do uso da plataforma de mídia social , as pessoas têm o hábito de usar Smileys engraçados junto com seus comentários. Recentemente, um de nossos usuários nos perguntou como adicionar emoticons de bate-papo nos comentários do blogger? Hoje, neste artigo, mostraremos como adicionar emoticons de bate-papo nos comentários do blogger.

Por que adicionar emoticon de bate-papo no Blogger? 

A ação fala mais alto que as palavras. Da mesma forma, as emoções do bate-papo são uma maneira de mostrar seu humor. Sempre que um usuário deixa um comentário em seu site, você não tem ideia de como ele está se sentindo. No entanto, se o mesmo comentário tiver uma imagem de emoção irritada, feliz ou confusa, você poderá entender facilmente esse humor do comentarista. Esta é a razão pela qual muitos sistemas de comentários estão adicionando emoções à plataforma. E a mesma coisa também pode ser adicionada ao sistema de comentários personalizados do Blogger.

Como adicionar emoticons de bate-papo no Blogger?

Primeiro, faça login no Blogger e selecione seu Blog .

Depois disso, você precisa clicar no modelo da barra esquerda e, em seguida, clicar em Editar HTML .

Agora, pressione Ctrl + F e, em seguida, você terá a barra de pesquisa e, em seguida, pesquise pela tag </body> usando essa barra de pesquisa. Aqueles que você encontrou a tag </body> e cole o seguinte código acima dela.

<Script src = 'https: //78f4de3676ac34c79dbc2146065980a0e371905b.googledrive.com/host/0B6AQ0cwAMPNQfnZBck56QnZHT0pSbFY1dmtWcFFwUjJWVlNMMFg3ZW1QSmJFT2l3RmVtTXc/js/netoops-whatapp-smileys-blogger-posts-comments.min.js'/> <script type =' text / javascript "> / /bloggersmileys.init();</script>

Isso, após adicionar os emoticons do link acima, pode ser usado nos comentários. No entanto, se você deseja exibir códigos curtos de emoticons para ajudar os usuários a usá-los com eficiência em seus comentários, continue seguindo o tutorial.

Novamente no Template, procure por <div class='post-footer-line post-footer-line-3'> então procure pela tag </b:includable> e logo acima cole o seguinte script.

<b:if cond='data:blog.pageType == "item"'>

<div class='noopsmile' id='noopsmile' style='background-color:#E0F7FF;background:#eee; raio da borda: 7px;largura:634px; preenchimento: 10px; border: 1px solid #ddd '>

<img src =' https: //78f4de3676ac34c79dbc2146065980a0e371905b.googledrive.com/host/0B6AQ0cwAMPNQfnZBck56QnZHT0pSbFY1dmtWcFFwUjJWVlNMMFg3ZW1QSmJFT2l3RmVtTXc/imgs/comment-section1.png'/> <a style = 'display: none;' href='www.netoopsblog.com' >bloggerwidgets</a><div align='right' id='close' style='font: bold 13px arial;margin-top: -14px; cursor: pointer;'> Fechar [x] </div></div><div id='open' style='background-color:#eee; raio da borda: 7px; preenchimento: 10px;largura: 87px;cursor:

Depois disso, você precisa adicionar a codificação CSS dos Smileys para torná-los tão atraentes quanto Whatsapp , facebook ou qualquer outra plataforma social popular. Procure pela tag ]]></b:skin> e cole o seguinte código acima dela.

.post-body img.noops-smly {

  preenchimento: 0 !importante;

  margin-top: -2px !importante;

}

Depois, basta clicar no botão Salvar modelo e começar a usar esses smileys incríveis em seu blog.

Esperamos que este artigo tenha ajudado você a aprender como adicionar emoções de bate-papo nos comentários do blogger. Temos certeza de que teria sido útil para você. Se você estiver enfrentando alguma dificuldade ao aplicar isso, empreste suas dúvidas na caixa de comentários. Qualquer um dos membros da nossa equipe responderá às suas perguntas.