Postagens | Dicas blog, Imagem, Pc Windows

Reações do visitante do BlogSpot, saber o que ele achou do post

Mostrarei como colocar a opção Reações em postagens de blogs do blogger, tipo um gadget parecido com enquete para saber o que o visitante pensa sobre o que leu.

Essa opção é tipo de um gadget que fica abaixo do post e funciona quase como uma enquete para o leitor informar o que achou da postagem, é quase como se ele estivesse opinando, em todas as postagens esses 'botões' ficarão iguais.

As palavras você mesmo escolhe, cada blogueiro pode colocar as mais apropriadas para seu tipo de conteúdo, um blog sobre humor poderia ser interessante usar palavras como engraçado, sem graça e outras similares, um blog informativo pode usar coisas como legal, útil, fácil, difícil, bom, ruim, etc.

Atualização após 2013: Após remoção da antiga interface do blogger o passo a passo mudou, para ver Como adicionar Reações do visitante do BlogSpot(clique) e ignore o procedimento abaixo porque não é mais assim.

Alguns modelos pode não caber 5 palavras, por isso é bom pensar em palavras mais curtas e de mesmo sentido que podem substituir, por exemplo, no lugar de muito bom poderia ir ótimo que é uma palavra mais curta.
Dicas
Aproveite que você irá fazer esse procedimento e veja as opções que estão disponíveis naquela área, a partir do passo 4, se você tem duvida sobre algo, aplique antes em um blog de testes.
Importante: Depois de adicionado, você não deverá mudar as palavras(não editar a Reações), se o fizer perde todas as reações que as pessoas votaram nos seus posts, por isso, pense bem ao criar elas.

Se depois de adicionar reações as cores de fonte ficarem da mesma cor que o fundo, veja como alterar a cor das palavras de reações, clique

Colocando Reações no blog

  1. Acesse o Blogger.com
  2. Clique em Design
  3. Observe se estiver na opção Elementos da página, se não clique nela
  4. Encontre a área Postagens no blog e próximo dali clique no link Editar
  5. Clique para aumentar Elementos do blogger, personalizar area de postagens
  6. Na página que abrir marque a opção Reações (deve ficar um tipo de v, Expl: ) e, se quiser pode mudar essa palavra, não pode deixar em branco, para que não fique nada pode colocar um ponto ou esse código que insere um espaço   porém, se inserir esse código, cada vez que você ir nessa área do blogger terá que colocar novamente ele ou o blogger insere a palavra Reações.
  7. Próximo, na mesma linha, clique em Editar
  8. Ao clicar nesta opção de Editar abrirá um campo de texto onde você poderá alterar as palavras que devem estar separadas por vírgula e um espaço e clique no link Salvar
  9. Mais abaixo você deverá clicar no botão SALVAR para que entrem em vigor suas alterações.
  10. Na página que ficou aberta clique também no botão SALVAR
  11. Clique para aumentar ativar reações no blog com blogger, engraçado, legal etc

Se não funcionar, pode adicionar um código no HTML?


Raramente acontece, mas ocorreu aqui, as reações sumiram após eu desativar temporariamente, se você ativou reações e não apareceu, pode estar faltando um trecho de código, você pode tentar adicionar ele se ainda não existe no seu HTML, mas faça uma cópia completa do seu código, e siga os passos abaixo:
  • Acesse o blogger.com
  • Clique em Design
  • Clique na aba Editar HTML
  • Clique no link Baixar modelo completo para fazer uma cópia, caso der algo errado.
  • Marque a opção Expandir modelos de widgets
  • Localize essa linha de código:
    post-footer-line-1'>

    Atenção, se, você encontrar a linha acima duas vezes no HTML, é a primeira que conta para o que queremos.
    Para facilitar a localização, use as duas teclas Ctrl+F

  • Ao encontrar a primeira linha que diz post-footer-line-1'> exatamente depois/abaixo dela adicione esse código:
    <span class='reaction-buttons'>
            <b:if cond='data:top.showReactions'>
              <table border='0' cellpadding='0' width='100%'><tr>
                <td valign='center'><span class='reactions-label'>
                  <data:top.reactionsLabel/></span>
                  &#160;</td>
                <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
               </tr></table>
            </b:if>
          </span>
  • Clique no botão VISUALIZAR
  • Se funcionar clique no botão SALVAR MODELO

23 comentários:

  1. Obrigada por me responder (:
    Tenho outras dúvidas com o meu blog - se não for te incomodar pode me ajudar? Com a barra home(quero mudar as palavras la e colocar outra coisa no lugar, já fiz isso em outros templates, mais nesse não consigo) e tirar esses quadrados que nem aparecem no seu para enviar email, mais no meu não apareci esse apareci outros sites, que não consigo tirar - se puder e não te encher, me ajuda (:

    ResponderExcluir
  2. @DessaSCCP

    Essa coisa que você disse da barra Home, tenho quase certeza que é um dos gadgets se não souber como, clique aqui, no seu caso, parece que é um template da web, parece que está escrito na imagem de fundo, você terá que encontrar o endereço dela, talvez olhando no código HTML e baixar essa imagem para editar ela e apagar aquela palavra e depois publicar ela e substituir no seu HTML pela nova imagem.

    Esses quadros que você falou de enviar email, você pode adicionar os do blogger que é só seguir até o passo 4, como acima, e marcar a opção correta, esses outros sites que você se refere deve ser um gadget que você adicionou, precisa remover ele.

    ResponderExcluir
  3. ,como é que se coloca a barra da reacção com cor?

    ResponderExcluir
  4. Saraäh' Whitε

    Você não pode mudar muito a aparência das reações porque estão num iframe, mas, nessa área você pode usar uma cor de fundo ou borda, para isso, terá que adicionar alguns códigos de estilo Css, é importante que veja como mexer no css de um blogspot


    Fundo e borda nas reações

    .reaction-buttons {background:blue; border:1px solid gray;}

    O código acima, blue seria a cor de fundo azul, você pode substituir blue por um nome básico de cor em inglês, depois, em border tem 1px que é a espessura da borda que é solida e de cor gray, você pode substituir o gray por outra cor, pode aumentar o número da espessura e usar uma borda diferente, por exemplo dotted que é pontilhada, você pode pesquisar um pouco na web sobre estilos Css de borda... e ler o básico de css...

    Mudar o estilo da palavra reações

    No passo 5 acima, mostrei como alterar a palavra, você pode dar um estilo para ela.

    Para que a palavra reações fique oculta:

    .reactions-label {display:none;}

    Para que fique vermelha e maior:

    .reactions-label {color:red; font-size:120%;}

    Você pode também, usar outros tipos e estilos de fonte, pode pesquisar na web outras personalizações possíveis em css, pode também substituir o nome da cor escrita em inglês por um código de cor hexa

    No código, entre-chaves{} estão os estilos e antes dela o 'nome da área'

    ResponderExcluir
  5. E como dar estilo as palavras da enquete? Exemplo: Engraçado, Legal, Bom. Pois o meu template é preto e esses nomes também aparecem preto.

    ResponderExcluir
  6. Andrea Winchester

    Achei duas soluções, só que é dificil de explicar, eu queria colocar aqui mas não vou conseguir a tempo, mas acho que até as 22:00Hs de hoje eu posto como fazer isso.

    ResponderExcluir
  7. Andrea Winchester

    Para alterar a cor das palavras de reações, leia aqui, porém, como eu disse, vai ser algo difícil e precisará mexer em códigos, mas algumas vezes não tem outro jeito.

    ResponderExcluir
  8. Obrigada por responder n_n. Li a sua explicação como alterar a cor das palavras das reações e conseguir!!!

    ResponderExcluir
  9. Nossa muito obrigada, consegui fazer oque queria adorei beijoos

    ResponderExcluir
  10. Valeu! Parabéns pelo seu compromisso com o seu blog e respeito a nós, pequenos blogueiros que estamos tentando caminhar.
    Continue nessa humildade que você vais longe.
    Obrigada!
    Luciana - www.mimosdaclaralu.blogspot.com

    ResponderExcluir
  11. nao consegui e fis igual nas fotos
    me ajuda ai

    ResponderExcluir
  12. não tem o código separado pra eu colocar em meu site: www.wkydownload.com

    ResponderExcluir
  13. Wky Download®

    Que eu saiba o código necessário ja vem com os modelos do blogger

    ResponderExcluir
  14. obrigado mano , tudo que coloquei no meu blog eu preocurei akii *--* , Continue assim com a sua humildade que voçê vai ir longe .

    Caso tenha Banner , manda pra mim , visita meu blog e me manda que vou ter o prazer de coloca-lo no meu blog .

    ResponderExcluir
  15. Marcos ALeexandre

    Obrigado, eu coloco o banner no rodapé do blog.

    ResponderExcluir
  16. Não Funciono, eu Marquei tudo certo como vc falou mas não aparece!

    ResponderExcluir
  17. ℓµкเиђลร-мҗ µи∂эяφя๏µи∂

    Se seu modelo é da web, ele pode estar desatualizado, tente criar um novo blog para testes e veja aqui como atualizar ele pra corrigir erros

    ResponderExcluir
  18. Adorei!Estava desanimada por fiz tudo pelo blogger e não aprecia as opções/reações.Fiz o que vc orientou qdo. não deu certo.Expandi os modelos de widgets, colei o código e salvei.Ficou ótimo!
    Obrigado além de fácil foi útil.Sempre vierei por aqui já q estou iniciando o blogger e já aprendi bastante.

    ResponderExcluir
  19. Cara, muito boa sua orientação, vc é fera! Muito obrigado!!!

    ResponderExcluir
  20. muito bom me ajudou bastante.

    ResponderExcluir

→Dê sua opinião. Faça comentário relacionado ao post.
Comentário com e-mail será excluído
Antes de perguntar leia o texto até comentários e pesquise, a resposta virá no comentário, para ser avisado use uma conta e o link: Subscribe by email(abaixo)
Será excluído comentário não relacionado ou com Url de blog/site(Divulgar? Clique)

Comentário reflete a opinião do comentarista. Desde já, Obrigado!

Postagens Populares