Como colocar ícone de reação estilo do Facebook no blogger | Quero Dicas

Quero Dicas : Como colocar ícone de reação estilo do Facebook no blogger

Como colocar ícone de reação estilo do Facebook no blogger

|

Como colocar ícone de reação estilo do facebook no blogger

Já a algum tempo, o Facebook deu um novo estilo de interação com os conteúdos. Antigamente, havia um simples botão de "Like" (Curtir), hoje são os ícones de reações, bem legais, mostrados logo abaixo de cada conteúdo.

Com o site Vicomi agora você também pode colocar essas reações em seu blog no Blogger gratuitamente, deixando a interação com seu público e a avaliação dos seus conteúdos ainda muito mais interessante.

Eles substituem as avalizações padrão do blogger, localizado no Layout. Suas opções ficam também visíveis para o visitante no rodapé de cada postagem.

No site Vicomi, você poderá deixar igual a imagem acima (imagem principal da postagem), mas há outras opções, tais como: cores, ícones diferentes ou apenas textos de reação.

Mini Tuto

1 Acesse o site Vicomi 

2. Preencha o formulário: Enderço e nome do blog, seu e-mail, um senha para registrar e criar uma conta e nessa etapa é possível escolher o idioma (Português). Depois de clique no botão “Proceed to Step 2”.

3. Na próxima página você escolhe o estilo desejado. O primeiro estilo de ícones é mais parecido com ao do Facebook

estilo parecido com ao do Facebook

4. Apos a escolha, clique em "Selected" do lado direto do ícone desejado.

5. Role a página até o final e clique no botão “Done” para seguir à terceira e última etapa.

6. Na próxima página tem o código HTML para inserir no código fonte do seu Blog,  com o que se vê na imagem abaixo:

código HTML para inserir no código fonte do seu Blog
7. Copie o código sem alterar NADA.

8. Agora vá até o painel do seu Blog no Blogger, clique no menu "Modelo" e depois em "Editar HTML"

9. Clique em qualquer lugar dentro da área de código e pressione CTRL + F para para abrir a caixa de pesquisar a caixa de pesquisar e procure pelo código:

<data:post.body/>

10. Cole o código do Vicomi LOGO ABAIXO dessa linha,

11. Salve as alterações para aplicar a mudança.

12. Agora, vá até um artigo em seu blog para ver o recurso funcionando.


Extra
Colocou ícone de reação estilo do Facebook no blogger e quer adicionar um pequeno texto acima, como uma chamada/titulo? Então...

1º - Adicione o código abaixo, logo acima do código Vicomi


2º - Ainda dentro do html, procure por : ]]></b:skin>


3º - Logo acima, adicione este CSS


Faça as alterações que desejar e pronto!
Tabela de cores: AQUI

Nota
Além da interação com seus visitantes, no site a Vicomi você pode usar sua conta para acompanhar as estatísticas de interações dos seus artigos e ver o desempenho de todo conteúdo, sem esquecer de falar que há outras opções na ferramentas a disposição gratuitamente.

Gostou? Então Comente!
Beijinhos


Compartilhe


Um comentário:

Que bom você reservou um tempinho para vir comentar. Você me deixa super feliz e desde já agradeço!

Apenas peço que leia:

1 - Devido a falta de tempo, não prometo responder a todos os comentários. Mais farei o possível.

2 - Educação sempre! Comentários com palavras de baixo calão, não serão publicados ou respondidos.

3 - Comentários não relacionados ao titulo, não serão publicados.

Beijinhos ♥


Divulgue o seu Blog

Agenda dos Blogs - Blog de divulgação de blogs

Agregadores e Amigos

Atoananet Linkirado Linkicha GeraLinks Universo das Dicas
subir