21 de novembro de 2016

Como colocar botões de reações do facebook no blogger

No início do ano o Facebook liberou novas funcionalidades além do "Curtir" em sua plataforma. Com base nisso a Vicomi criou algo parecido que nos possibilita colocar essas reações em nosso blog.


Vamos implementar esses botões em todas as postagens do seu blog e, através do painel da Vicomi você conseguirá monitorar/analisar todos os artigos que seus leitores mais gostam, dentre outras funcionalidades que a Vicomi vai te oferecer.

Vamos lá!

Adicionando botões de reações nas postagens do Blogger

Primeiro passo: Acesse o site da Vicomi

Segundo passo: Preencha as informações com o endereço do seu blog, nome, e-mail e senha. (serão necessário para monitorar seu site depois)

Terceiro passo: Escolha as reações e clique em Done (Concluído).

Quarto passo: Copie o código gerado

Quinto passo: Vá até Modelo do seu blog desejado e clique em Editar HTML e procure por <data:post.body/> provavelmente você encontrará mais de um resultado, se for o caso cole o código copiado abaixo de todos eles.

(Caso você queira exibir as reações somente nos posts, coloque essa condição e abaixo dela o seu código).
<b:if cond='data:blog.pageType == &quot;item&quot;'>

//CÓDIGO AQUI

</b:if>

Pronto! Agora seus leitores já podem reagir às suas postagens! Legal né? Compartilhe com seus amigos esse excelente widget.

Dúvidas? deixe um comentário abaixo.

5 estrelas - baseado em 36 votos

Trabalho com desenvolvimento web profissionalmente desde 2014, fundei a Web Creative em 2015, uma agência focada em criação de sites e resultados digitais. Através desse blog passo um pouco da minha experiência de 6 anos com o Blogger.

24 comentários

Olá Denise,

Depois que você se cadastrar e escolher os emoticons, você clica em "Done" que logo em seguida você vai cair em uma página com o código para você instalar no seu blog.

Caso não consiga, poste aqui como você está fazendo para eu tentar lhe ajudar.

Olá Henrique,

Desculpe eu não entendi a sua dúvida, o que você não encontrou?

Fico no aguardo.
Abs

Henrique, os comentários aqui não permite que você coloque o código pois eles incorporam.

O que você pode fazer é usar o nosso conversor de código e colar aqui, ou digitar como começa o código para eu identificar e poder te ajudar.

Fico no aguardo.
Abs

No meu blog não tem o

Como proceder?

Olá Daniela,

O código foi incorporado aqui nos comentários. Você consegue enviar só o começo dele para eu identificar onde você não está conseguindo?

Fico no aguardo.

eu não consigo encontrar no meu codigo html o lugar que vai, eu procurei por todo o codigo thml, mas o não apareceu em lugar algum

não consigo encontrar o trecho do HTML ,que tem colocar o código gerado pelo site.

amigo meu template nao tem essa parte tem outra forma?

Olá Rodrigo,

Qual parte você se refere?

Olá Walter,

Sim você gera o código no site e depois coloca no seu template.

Abs

Olá Maicon,

Procure por "<data:body.po" o que encontrar relacionado a isso faça o procedimento explicado neste post.

Abs

Olá!

Não consigo encontrar o código HTML () no meu blog. Tem algum outro local que eu possa inserir?

Grata!

Olá Tata,

Você pode passar o endereço do seu blog para eu dar uma olhada?

Reparei que muitos não estão encontrando essa tag, o que é um pouco estranho pois é uma tag especifica do blogger.

Fico no aguardo para te ajudar.

A tag "data:body.post" é especifica do blogger, mas não é tão especifica assim quando você instalou um template personalizado. É por isso que ninguém está conseguindo encontrar. Se você ai pegou um template da internet, vai ser bem difícil achar. Eu também não achei. Meu templete é personalizado. Tem outra forma ou ideia de qual tag procurar? Já tentei procurar mudando a tag q você mandou, trocando as palavras de lugar, mas não encontrei nada. E o que encontrei que poderia ser relacionado, não funcionou.

Olá,

Na verdade é a tag: <data:post.body/>, não achou no seu template? pode verificar novamente e me informar por favor?

Aguardo

Que perfeito, deu super certo! Estava procurando isso há um tempão... Você salvou minha vida haha Obrigada!!

Beijos,

Insanos Dezembros

Que perfeito, deu super certo! Estava procurando isso há um tempão... Você salvou minha vida haha Obrigada!! Beijos, Insanos Dezembros

Ficou uma gracinha no meu blog eu adorei o tutorial!!

Beijinhosss
Blog Resenhas da Pâm

Eu encontrei o código, fiz tudo como você disse, mas não apareceu os botões :/

Como trocar as reações? Coloquei a que eu não desejava e não deu certo. Me ajuda!!!!!!!!

Onde ponho esse código? ai


Abrir lista de emoticonFechar lista de emoticon