PROMOÇÃO - Magazine Luiza - NÃO PERCA!

Encontre no blog...

08/01/2018

Como colocar ícones de reações no Blogger - tipo Facebook

image

Atualizado em 08/02/2019

Ícones de reações tipo Facebook

Como no Facebook, podemos usar ícones de reações para interagir com seus leitores deixando a avaliação do conteúdo do seu blog muito mais interessante e divertida. Neste artigo vamos mostrar como inserir gratuitamente ícones de reações no Blogger.

Mesmo não sendo exatamente como o “Like” no Facebook, o sistema que mostraremos vai deixar as opções de avaliação de conteúdo bem visíveis no início ou rodapé da postagem, incentivando a interação com seus leitores.

Instalando o sistema de ícones

Acesse o site: https://www.reactionsbar.com/

Clique no botão [Get Your Free Reaction Tools Now].

image

Clique em [Get Started] Free.

image

Escolha [Get the code for HTML website] para colocar seus ícones de reação no Blogger ou em um site qualquer. Uset o plugin para adicionar no Wordpress.

image

Preencha os dados do formulário. Os campos com asteriscos são obrigatórios. Clique no botão [Next] para ir para a próxima etapa.

image

1) Copie o código HTML que deverá ser inserido na seção header do blog.

image

Abra o painel de controle do seu blog no Blogger. Clique em [Tema] e depois no botão [Editar HTML].

ATENÇÃO: Antes de proceder com qualquer alteração no seu Blog, faça um backup.

image

2) Usando CTR+F, localize <\body> e cole o código copiado.

image

Inserindo “section code” no local específico do site

3) Volte para o site Reactions Bar e copie o código HTML que deverá ser inserido no local onde você deseja visualizar os ícones de reação.

image

a) Se desejar colocar os ícones no rodapé do post, siga as instruções abaixo:

Utilizando CTRL+F, localize: post-footer.

image

Cole o código HTML imediatamente após post-footer. Clique em [Salvar tema].

image

Agora acesse uma página do blog para visualizar o sistema de reações:

image

b) Se desejar colocar os ícones no início do post, siga as instruções abaixo:

Utilizando CTRL+F, localize: post-header. Cole o código HTML imediatamente após post-header. Clique em [Salvar tema].

image

Acesse uma página do blog para visualizar o sistema de reações:

image

Para conhecer os ícones de reação, acesse nosso blog de testes: Blog de Testes Visual Dicas

Alterando texto e estilo dos emojis

Volte para o aplicativo RecationsBar e faça o login, colocando seu e-mail e senha.

image

Entre no painel de controle do Vicomi, e selecione [FEELBACKS] no menu lateral.

image

1) Alterando textos: Nos campos indicados, altere os textos da forma que desejar. Depois clique no botão [UPDATE EMOTIONS].

image

2) Alterando design dos emotions:

Clique em [THEME LIST]

imageEscolha o desenho favorito e clique em [Choose] para alterar.

image

Estatísticas

O legal também é que você poderá usara a sua conta do Vicomi para acompanhar as estatísticas de interações nos artigos do seu blog e conhecer o desempenho de todo conteúdo produzido.

image

byALF

7 comentários:

Unknown disse...

Tentei aqui e não funcionou

Ruan Guimar disse...

Não funcionou :/

Anônimo disse...

Não encontro o lugar...

Taís Amaral disse...

O site tá fora, não funciona mais

Visual Dicas disse...

Olá Taís,

Obrigado por avisar sobre o site. Já atualizamos o blog com o site correto, que não é mais o Vicomi, e sim, o Reactionsbar.

@tenta disse...

Ainda não funcionou para mim.

OobZuki disse...

o site diz para adicionar um titulo (title), o que seria isso ?

Postar um comentário

Gostou do Post? Então espalhe!

Quem está curtindo...

Encontre no blog...

Fique mais.... Leia os nossos artigos!!!

Gostou? Então espalhe!

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Web Analytics