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

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.

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ê deve evitar 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

Se, depois de fazer os passos abaixo e não funcionar, talvez seu modelo precise um código, clique aqui para pegar e ver como adiciona

Colocando Reações no blog

Acesse o Blogger.com
Clique em Design, ou, para quem usa a nova interface, clique em Layout
Observe se estiver na opção Elementos da página, se não clique nela
Encontre a área Postagens no blog e próximo dali clique no link Editar

Clique para aumentar
Elementos do blogger, personalizar area de postagens

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.
Próximo, na mesma linha, clique em Editar
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
Mais abaixo você deverá clicar no botão SALVAR para que entrem em vigor suas alterações.
Na página que ficou aberta clique também no botão SALVAR

Clique para aumentar
ativando reações no blog com blogger, engraçado, legal etc

18 comentários:

@DessaSCCP disse...: 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 (:; 2/2/11
Blog... disse...: @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.; 2/2/11
Saraäh' Whitε disse...: ,como é que se coloca a barra da reacção com cor?; 16/2/11
Blog... disse...: 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'; 17/2/11
nopagodemp3 disse...: Gsotei muito obrigado!; 12/3/11
Andrea Winchester disse...: 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.; 6/4/11
Blog... disse...: 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.; 6/4/11
Blog... disse...: 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.; 6/4/11
Andrea Winchester disse...: Obrigada por responder n_n. Li a sua explicação como alterar a cor das palavras das reações e conseguir!!!; 7/4/11
mariana disse...: Nossa muito obrigada, consegui fazer oque queria adorei beijoos; 7/5/11
Mimos disse...: 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; 28/6/11
guga soares disse...: nao consegui e fis igual nas fotos
me ajuda ai; 5/7/11
Wky Download® - disse...: não tem o código separado pra eu colocar em meu site: www.wkydownload.com; 2/8/11
Blog... disse...: Wky Download®

Que eu saiba o código necessário ja vem com os modelos do blogger; 2/8/11
Marcos ALeexandre disse...: 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 .; 26/8/11
Blog... disse...: Marcos ALeexandre

Obrigado, eu coloco o banner no rodapé do blog.; 27/8/11
ℓµкเиђลร-мҗ µи∂эяφя๏µи∂ disse...: Não Funciono, eu Marquei tudo certo como vc falou mas não aparece!; 12/9/11
Blog... disse...: ℓµкเиђลร-мҗ µи∂эяφя๏µи∂

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; 12/9/11

Postar um comentário

Atenção, o comentário será postado em outra página e não estará aqui, se usar o comentário para perguntar, use uma conta e o link: Subscribe by email(abaixo) e poderá ser avisado.
Comentário com e-mail será ignorado
Antes de perguntar leia o texto até comentários e pesquise
Será ignorado comentário sem relação com o assunto ou com Url de blog/site(Divulgar? Clique)
Comentário reflete a opinião do comentarista. Desde já, Obrigado!