Assine nosso Feed


Melhores Dicas para Blogueiros

Passe o mouse e veja qual o assunto do tutorial de cada imagem

Mostrar Reações

Algumas pessoas perguntaram sobre como mostrar as reações dos visitantes sobre as postagens do blog, isso é muito fácil de fazer é só entrar na pagina layout, clicar para editar as postagens do blog e marcar a opção reações. Se quiser modificar as palavras engraçado, interessante, legal, é só clicar no link editar ao lado delas e escrever o que você quiser.

E se quiser pode mudar a própria palavra reações, é só escrever outra coisa no lugar como, por exemplo, “essa postagem é:” no caso de usar palavras para classificar como bom, regular e ótimo. Enfim use sua criatividade e use esse recurso do blog da maneira que quiser, essa é um jeito simples de incrementar o blog em poucos minutos.


Se mesmo marcando a opção na pagina layout não aparecerem as reações no seu blog pode ser um problema de html, então entre na pagina editar html, clique para expandir o modelo e procure por:
<span class='post-comment-link'>
ou
<div class='post-footer-line post-footer-line-3'/>

Isso vai depender um pouco de como está o seu modelo e o lugar exato onde aparecerão os links para classificarem suas postagens(reações) e coloque esse trecho logo após uma dessas linhas acima, mas lembre-se é para colocar o código apenas um vez.

<span class='reaction-buttons'>
<b:if cond='data:top.showReactions'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
<td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
<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> Related Posts with Thumbnails
Link desta página
Comentários
108 Comentários

108 Comentários:

Chica disse...

Bem legal,Fabiano.Confesso que a palavra reações não me dava vontade...um abraço,chica

Willian Coutinho disse...

Tem um SELO pra você lá no meu blog, o Dicas Plugins & Templates.

Agradeço desde já.

Marisa disse...

Eu já tentei colocar...salvo, mas nunca aparece no CHIP-NOVO


chip-novo.blogspot.com

Fabiano Roberto disse...

tente fazer novamente, desmarque essa opção, salve e depois tente novamente.

se for alguma falha do próprio html do blog é muito difícil corrigir

MáH! disse...

Já tentei várias vezes colocar isso em vários blogs...nunca deu certo!
Mas deve ser pro causa do html.. :/

.: Phoenix :. disse...

Tem como configurar isso no html? Apesar de marcar a caixinha para aparecer no blog, ele não aparece ='(.
Abraços

Fabiano Roberto disse...

verifiquei o html e coloquei no final da postagem o código para mostrar as reações, caso já tenha marcado a opção e mesmo assim não apareceu

ROSA disse...

Obrigado amigo, suas dicas são geniais, tava doida para colocar isso no meu blog.valeu, por isso amo o seu blog.

Louvores Sem FIm disse...

não tinha pego...
até que coloquei o codgio e pegou legal, vlw msm, ajudou mtoooooooooooo

Pessoal se quiserem visitar:
http://louvoressemfim.blogspot.com/

Rodrigo disse...

Apareceu aqui no meu blog,só que aconteceu uma coisa,o icone adicionar [+]BOOKMARK só aparece na primeira postagem nas demais desapareceu,o que posso fazer para corrigir este problema,tbm gostaria de saber se você tem algum codigo para colocar paginação numerada no blog.

Espero a sua resposta,obrigado.

Fabiano Roberto disse...

Rodrigo, isso aconteceu comigo também, não aparecia na segunda postagem, mas o problema desapareceu sozinho.

mas se baixou seu template de algum site pode ser alguma falha, então sugiro entrar em contato com o site que fez o template.]

vou pesquisar um código para fazer paginação.

NEY disse...

Olá Fabiano, tenho um blog de política (oposição) e preciso melhorar o visual do blog!
http://sertaniaportalnet.blogspot.com

meu e-mail, MSN e Orkut é
henyrley@hotmail.com

Preciso muito de sua ajuda.
Por favor entre em contato.

Obrigado!

maxMODE ® disse...

Valeu, obrigado! Funcionou depois da dica!

Amor e Paixão disse...

Ola bom dia,
Como sou leiga, gostaria de saber se é possivel colocar reação em um site no ar sem ser blog.
Se for possivel gostaria de saber como devo proceder.
Agradeço antecipadamente,
Neusa Novaes

Fabiano Roberto disse...

terá que encontrar algum site que forneça o serviço

Super Lana disse...

tem uma forma bem + simples
só que não me lembro o caminho
quem souber passa no meu e me fale
Plissssss

Bjusssssss

Super Lana disse...

tem uma forma que é bem mais simples
é atrÁVEZ do "painel"
mas não me lembro como faz
quem souber passa no meu e me fale

Bjuss

Fabiano Roberto disse...

Super Lana
mas o desta postagem é simples, a parte do código é caso houver problemas no html, mas normalmente é só clicar para editar a postagem e marcar para aparecer as reações.

joycilenesantos disse...

tinha feito isso como falou aki, mas mesmo assim o marcador insistia em aparecer...o jeito foi expandir as widgets e procurar pelo trecho "postlabel" e deletar a parte toda...nada de marcadores mais nas postagens!!!uhu
obrigada por responder..parabéns pelo site...muito útil!

spasoporagora disse...

Faz tempo que queria colocar as "reações" em meu blog , mas tinha problema no template. Agora consegui. Obrigada.
Meri.

Deash disse...

Pessoal,
Existe um site que mostra reação, no caso não é igual ao padrão, é em estrelas.
Serve tanto para Blogger, quanto para Wordpress, etc.

Esse o site > http://www.outbrain.com/get/ratings

Ana de Matos disse...

Obrigada pela dica, só aqui eu encontrei, com um pouco de paciência, deu certo!

Buts (Adm Free Tela e Assistir Tv Online) disse...

Quebro meu galho denovo mano... muito obrigado

www.freetela.com

Aline Girão disse...

Oi, Fabiano!
Que tal fazer um tutorial sobre a reação dos visitantes, mas com as estrelas? Acho mais simpático.
Abraços.

Fabiano Roberto disse...

vou pesquisar sobre mostrar as estrelas nas reações do blog

Thúlio Jardim disse...

Eu fiz, mas não perfeito. Consegui facilmente colocar as reações, mas não posso colocar mais de três, do contrário sai cortadas as demais...

Como faço pra as demais serem visualizadas? Aumentar a altura (size) eu tentei... mas continua cortado... :(

Fabiano Roberto disse...

esse código faria um pouco para cada modelo de template, retire o valor width='1%'

se quiser tem como mostrar reações usando o outbrain(classificação com estrelinhas)

http://www.dicasparablogs.com.br/2010/01/classificacao-com-estrelas-nas.html

Jéssica disse...

Olá, eu fiz um blog, tô usando um template do próprio blogger, mais ele ta dando erro. Coloquei para aparecer a data e esse negocio de reações e não funcionou, tentei colocar a separação de poste que tem aqui no Dicas e também nada.

Tem agum jeito de corrigir esse template e fazer as coisas aparecerem?

E o +BOOKMARK que eu quero tirar pra não aparecer em nenhuma postagem, como é que faz?

Valeu!

Fabiano Roberto disse...

Jéssica
precisa tentar corrigir as coisas por partes se fizer muitas coisa de uma vez só acaba se perdendo.

se usa um modelo padrão pode escolher outro modelo e usar o mesmo, assim voltará ao inicio e corrigirá possíveis erros do template.

Admin. disse...

Fabiano, é possível mudar a cor da fonte das reações, e por q no meu blog, o background e preto e a cor da fonte de reações tbm e preto, queria colocar branco, tem como, me ajuda? agradeço.

Fabiano Roberto disse...

Admin.

faça um teste entre na pagina editar html e depois de body{...} coloque :
.reaction-buttons{color:#ffffff}

se não der certo tente:
.reactions-label{color:#ffffff}

acredito que um deles resolva o problema

Paulo disse...

Fabiano como posso mudar a cor da fonte nas reações? preciso da sua ajudar.

Fabiano Roberto disse...

acho que não tem como mudar essas fontes

Ojoaootavio disse...

MAIS uma vez salvando minha vida

Dayse M. disse...

Nossa, eu nem sei como agradecer!
Eu corri atrás disso hoje o dia inteiro.. e estava bem debaixo do meu naríz! rsrsrs

Sega-Downs disse...

Aê manow, apareceu um banner do submarino ao envés das reações quando coloquei o código porque?

Fabiano Roberto disse...

Sega-Downs
provavelmente usou o código errado, isso não tem nada a ver com o submarino

Silas Yudi disse...

Como fazer para as reações NÃO aparecerem na página inicial, somente aparecerem nas páginas das postagens?

Fabiano Roberto disse...

Silas Yudi


veja aqui como mostrar Conteúdo diferente nas paginas do blog

Escola Municipal Arllete Bastos de Magalhães disse...

Fabiano, muito obrigada pela ajuda. O blog da escola onde trabalho, apesar de usar um modelo novo, não mostrava essa avaliação, mesmo depois de clicada. Agora, o problema foi resolvido. Ele também não mostra, mesmo clicada, a opção de ícones sociais. Para resolver esse problema, instalamos o AddThis. Outro problema é que, apesar de estar tudo perfeito na configuração das páginas estáticas, ele não mostra mais do que cinco páginas, se elas forem colocadas abaixo do título. Só mostra se forem colocadas em um gadget lateral. Você saberia como resolver esse problema? O certo seria aparecerem 10 páginas.
Um abraço. Lúcia.
http://emarlletebastosdemagalhaes.blogspot.com/

Fabiano Roberto disse...

Escola Municipal Arllete Bastos de Magalhães
sobre o menu, você poderia trocar o menu gerado automaticamente pelo blogger por um Links lado a lado (menu horizontal), assim poderá formatar como quiser os links.

Jhonatan disse...

Fabiano, eu consegui colocar essas reações, mas eu tive um problema, meio que Diferente. bom, eu coloquei, certinho, mais quando eu visualizei o meu blog, a lista de reações apareceu muito deformado, algumas ficavam fora da postagem, acha que isso pode ser, Erro do template?
eu gostaria muito de colocar esse comando"
seria muito util no meu blog, pois meu blog se refere a Mods de GTA, então gostaria de saber o que as pessoas acham do Arquivo Postado.
Obrigado pela atenção.
Jhonatan Clemente.
Caso queira dar uma olhada no meu blog. http://mundodosmods-gta.blogspot.com/

Fabiano Roberto disse...

as reações do blog tem um layout proprio, mas claro depende de algumas coisas no seu código html.

mas se colocar muitas opções pode dar problemas de layout

Luis disse...

Valeu tentei colocar no meu blog só pela caixinha mais não ia!
Você me ajudou muito
Um abraço!

Alexandre disse...

Até agora não consegui, mesmo marcando a caixinha, não funciona, e no meu código html não tem nenhum dos dois trechos.

valeu

Carolina Guterres disse...

Olá, eu até consegui fazer do modo simples. Mas só consigo colocar uma reação .-.
Quando tento por as outras, fica tudo junto :\
Pode me dizer aonde é o problema?
E parabéns ao Blog, o melhor :D

Fabiano Roberto disse...

não dá pra controlar direito como mostrar as reações pois elas aparecem em um iframe, isso é como se fosse outra pagina dentro do blog

Vento Carioca disse...

Olá
Quero fazer o contrário : retirar o código de reações. Entrei no editar postagem e não encontrei nada com a palavra reações .Coloquei isso no blog tem muito tempo e não lembro mais como foi.Quero retirá-lo pq mudei o template e ele ficou fora do lugar muito feio. Pode me ajudar?
Obrigada

Fabiano Roberto disse...

para retirar é só entrar na pagina designer, clicar para editar as postagens e desmarcar a opção das reações

Tiago disse...

Fabiano, bom dia

Coloquei as reações certinho, porem os mesmos fica no meio entre o meu nome como postador e marcadores, assim:

Postador: Tiago
Reações: tal, tal, tal
Marcadores: tal, tal

Mas eu quero que fique assim:

Reações: tal, tal, tal
Postador: Tiago
Marcadores: Tal, tal

KJa arrastei, mas sempre fica no mesmo lugar no meio, se for para mexer em html, ate que sei um pouco, valeu pela ajuda.

Fabiano Roberto disse...

você precisaria achar o trecho de código que mostramos no html e muda-lo de lugar no seu blog, mas isso varia conforme o modelo não tenho como mostrar exatamente onde.

Willian disse...

E ai amigo... to tentando colocar Reações no meu blog, mais ele nunca fica onde eu quero (que eh de baixo dos marcadores) alguma ideia de como eu possa fazer isso?
Já tentei mudar o codigo de lugar e nada
Obs: usando o Reações do blog mesmo

Fabiano Roberto disse...

os códigos são esses, não tem como explicar de outro jeito.

tente desmarcar e marcar novamente a opção reações na pagina designer, pode ser erro do blogger

EDMAR disse...

Muito obrigado. Finalmente consegui pôr as reações dos leitores no blog.
Só que tem um problema todo dia as reações da postagem zeram... o que esta acontecendo, tem como arrumar isso???
O certo seria ir aumentando a cada dia conformew fosse clicada a opção, não é.
Grato

Fabiano Roberto disse...

faz tempo que não uso esse acessórios das reações no blog, mas acho que não é para zerar todos dia... deve ser um erro do blogger, mas não tem o que fazer é só aguardar eles resolverem o problema.

nas vezes que usei notei que se você tirar e colocar novamente as reações a contagem é zerada, o mesmo deve acontece se editar os itens

EDMAR disse...

Ah que pena.
Eu adcionei as reações ontem e hj quando olhei nas postagens ja não estava a mesma quantidade marcada que no dia anterior.
Mas de qualquer forma, obrigado

Rosana Berenguer disse...

Olaa .
Eu sou nova no blog, e já vi vários blogs com isto e gostei. E queria meter no meu , mas não sei como (eu também gostava de meter outros nomes por exemp: gosto e não gosto).
Obrigada

Amanda Luiza disse...

Há tempos eu tentava ajeitar sso no meu blog...Super valeu! Ajudou bastante!! =)

Alecky disse...

Adorei as dicas sempre que posso venho aqui conferir as novidaddes, vc e demais.

http://meumundo-alecky.blogspot.com

Anônimo disse...

naum consegui :(
num achei as reações...

Fabiano Roberto disse...

clique para editar as postagens na pagina design

Daniel disse...

uma dica melhor que a outra, parabens !!!

Paulina disse...

Tb estava com este problema, então coloquei o código como indicado no tutorial e deu certinho, as reações aparecem na página incial (maravilha), porém quando clico para abrir o artigo por completo, as reações não aparecem no final do artigo.Por gentileza, se alguém tiver alguma... desde já agradeço.

Fabiano Roberto disse...

se não está aparecendo nas paginas individuais deve ter algum erro no html, por exemplo o código para mostrar Conteúdo diferente nas paginas do blog

se o código das reações estiver dentro de um b:if... que só aparece na pagina inicial

-|*João Luiz*|- disse...

Estou com um problema meu layout não tem nenhum desses codigos.
E AGORA O QUE FAZER?
www.cheiradedo.com

BK disse...

Muito bom! Valeuu abraço

Lara Oliveira disse...

Muitoo Bõn,parabéns peo tutorial!
Obrigado!!

Lara Oliveira disse...

Muito Bõn.Parabéns pelo tutorial,excelente!!

Ana Oliveira disse...

Ola , o meu blog não tem "postagens no blog" e eu tenho dificuldade em mudar nos codigos , o que faço para por as reacções no meu blog ?
espero pela resposta atenciosamente

Ana Oliveira disse...

Ola eu não tenho "postagens do blog" e quero colocar as reacções mas em codigo é complicado para mim , como faço ?

Fabiano Roberto disse...

ana oliveira, isso é na pagina design, acho que todos os blogs tem.. só se usar um modelo de template mais antigo

Ana Oliveira disse...

Eu sei que é na pagina de design mas não tenho isso , como mudo para o modelo recente ?

Fabiano Roberto disse...

é só clicar no design do modelo... ele levará para uma pagina onde poderá escolher um novo template

Ana Oliveira disse...

eu cliquei no design de modelos e criei um novo modelo de blog , mas mesmo assim nao aparece isso das postagens para colocar as reacçoes no blog :s

Fabiano Roberto disse...

já marcou para mostrar na pagina design?...

o blogger passou por alguns problemas esses dias, talvez nem tudo esteja funcionando corretamente

Ana Oliveira disse...

como assim marquei ?

Fabiano Roberto disse...

na pagina design tem que clicar para editar a postagem e marcar a opção mostrar reações

Onzebiu disse...

Obrigado pela dica. Valeu!

Rael Irene disse...

rsrs
No meu ficou uma gambiarra, mas deu bem certo, valeu!

Ricardo Chicuta. disse...

Valeu a dica,consegui mudar aqui.

Leandro Bove disse...

Valeu, me ajudou mt!

Mariana C. Mendes disse...

Obrigada, no meu blog (http://lereconhecer.blogspot.com/) não estava aparecendo, mas agora está! :D

Wky Download® - disse...

mais um Post seu aprovado no meu site: www.wkydownload.com

Mariana disse...

Fabiano o meu blog (Oneofthese-days.blogspot.com) não tem esses códigos no html, procurei com a ajuda do Ctrl + F e não achei, logo quando meto o código não resulta, poderá me ajudar? é que eu queria mesmo ter as reacções no meu blog e desde que pus esse html novo que não as consigo por, beijos.

Fabiano Roberto disse...

se não tiver esse trecho você deve colocar no html do seu blog

Blog O Gato sem rabo disse...

muito bom vlwww

Daniel Carvalho disse...

Não deu certo!

Fabiano Roberto disse...

em alguns templates esses botões apresentam problemas, por isso uso do addthis aqui

Fotos Fakes disse...

Olá, aqui eu só consigo colocar 1 reação no meu blog! como faço para por mais???



AA e se alguém quiser visitar meu blog ér http://superfakes22.blogspot.com/ obrigada ;*

Fabiano Roberto disse...

Fotos Fakes
veja se o código está igual ao que publicamos aqui... pode ter algum detalhe errado

mas é estranho acontecer isso.

Ian Pedro disse...

Agradeço,so consegui usar isso lendo esse post

Joana disse...

Obrigada ajudou-me imenso este post :)

Toni disse...

Olá Fabiano, gostaria de saber como usar imagens nas reações do meu blog, vou trocar as carinhas :) por imagens de uma mão positiva e uma negativa.

Fabiano Roberto disse...

@Toni não sei se é possivel fazer diretamente no blogger, mas vou fazer uns testes e se der certo publicarei um tutorial sobre o assunto

Toni disse...

Valeu estou no aguardo.

Fabiano Roberto disse...

@Toni tentei fazer mas não deu certo porque o não parece no html do blog o código das reações é feito através de um iframe que o blogger cria.

Toni disse...

Ok Fabiano, só tenho mais uma dúvida, é que eu tenho um frame no meu blog chamado Chat, que foi feito pelo Google Friend Connect, eu queria colocar uma imagem por cima dele que ao clicar na imagem, o frame fosse atualizado, vc sabe como fazer isso?
Quando aperta o botão direito do mouse sobre ele, aparece a opção "Atualizar frame", é exatamente isso que eu quero, obrigado pela atenção.

Fabiano Roberto disse...

@Toni
você falou em frames, mas acho que está falando de iframes, veja esse link: Colocar Vários Vídeos do Youtube no Site ou Blog


o procedimento é o mesmo para atualizar a pagina do iframe só que você usa o link para a pagina que já está aberta no iframe, ou seja em vez de colocar outro link no código você coloca o mesmo iframe assim quando alguém clicar vai carregar novamente o iframe

Toni disse...

Fabiano infelizmente não funcionou, aparece uma mensagem do blogger dizendo que o html não pôde ser aceito, o iframe é criado por um script, e só depois que o script for interpretado, o iframe aparece, diferente do youtube, por isso eu acho que não deu certo.
Entra no meu blog e dá uma olhada lá, o iframe é o Chat, criado por um script do Google Friend Connect, eu modifiquei o código centenas de vezes, mas aí a página inteira era carregada.

Fabiano Roberto disse...

nem todos os códigos funcionam direito no blogger, mas em alguns casos não tem o que fazer

Bela441 disse...

Ja tentei mas nao da :( de nem um dos jeitos

Fabiano Roberto disse...

só conheço esses códigos mas em alguns templates não funciona de jeito nenhum

Stephani disse...

UHUUUU CONSEGUI!!!
visite meu blog e veja sua reação:
http://www.tefynhaefamilia.blogspot.com
bjkas:)

Mega Dotados disse...

no meu nao pegou, acho que dever o template

nocazz disse...

E não dá para ver de quem é a reação?
(tipo como aparece no facebook as pessoas que fazem "gosto"!)

Fabiano Roberto disse...

as reações padrão do blogger não tem como saber quem são as pessoas

nocazz disse...

oh :(
Obrigada

Anônimo disse...

Amei essas dicas,muuuuuuuuuuuuuuito obrigada,sempre quis colocar isso mas nunca encontrava alguma explicação p/ colocar as reações.

Postar um comentário