Se após terminar, a cor de fundo não for a mesma de seu blog, veja como mudar o fundo de votação com estrelas do blogger, clique.
Para quem tem site, não usa o blogger ou quer uma segunda opção esse Gadget ratig stars votar avaliar o artigo de site ou blog deve ajudar.
Para quem tem site, não usa o blogger ou quer uma segunda opção esse Gadget ratig stars votar avaliar o artigo de site ou blog deve ajudar.
Classificar de 1 à 5 estrelas é uma forma rápida e simples para o usuário votar e expressar o quanto ele achou interessante esse texto, além de avaliar, isso expressa a opinião dele para que outros visitantes do blog a vejam, talvez um dia até algum site de busca verá.
As reações a opção de dar um "voto" podem ser diferentes, para alguns não diz nada, outros se sentirão bem por poder avaliar e se expressar, alguns, por diferentes motivos ficarão curiosos pra ler seu texto ao ver uma classificação, outros irão ver uma aparência de blog de moderno.- Acesse o blogger.com e depois de ter feito login.
- Procure a aba/link
Layoutou Design e clique.(Na imagem abaixo, onde você vê Layout foi substituído por Design numa atualização que o blogger fez) - Veja se você está na página Elementos da página, se não estiver clique no link Elementos da página.
- Na página que abrir procure pelo "quadro" Postagens no blog, e, no mesmo um link Editar, clique.
- Na página que abrir você terá varias opções para selecionar, entre elas Mostrar classificação de estrelas(
)
Marque e clique em SALVAR.(Salve também em Elementos da página)
Para inserir classificação de estrelas
Você pode acessar o blogger em rascunho(draft.blogger.com)
)Dicas:
Na mesma página que pode inserir a classificação de estrelas, tem outras opções, você pode também ter interesse na opção reações; onde é possível Editar elas de forma que fique adequada a categoria de seu blog(comédia, pessoal, cultura, etc), eu uso para tentar entender o grau de dificuldade e utilidade de meus posts. Exemplo: Achou? fácil(0), médio(0), ruim(0), útil(0)Lá você pode arrastar elementos para uma posição melhor no post.
Colocar um logotipo no BloggerAdicionar enquete no blog ou site
Problema ao colocar classificação de estrelas?
Não sei se baseado no tipo de modelo escolhido, mas em três blogs que testei esse tipo de classificação com estrelas, um funcionou só com o procedimento acima e sem uso de código, outro além do procedimento acima tive que inserir o código abaixo, nesse blog tive um problema estranho que sumiu "por si só", pelo que percebi houve problemas, e o RedKako me alertou que não estava conseguindo inserir o código, acabo de corrigir esse também pois havia um pedaço de uma DIV.Mas, para quem não conseguir, talvez por usar blog personalizado, vou deixar o código, e, já que tive um problema ao colocar estrelas de classificação ou avaliação.
O código que já existe não deve ser adicionado, e o código pode ser inserido no HTML, após Expandir widget e fazer backup, e logo após essa linha de código abaixo que já existe:<div class='post-header-line-1'>Adicione esse código:<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor'
expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl'
g:height='42' g:locale='pt' g:type='RatingPanel' g:width='180'/>
</b:if>
</span>
Problema que esse blog enfrentou:
Após ter inserido as estrelas nesse blog(sem mexer em código) passou um mês e no lugar delas apenas um espaço em branco, esperava que fosse um bug e seria corrigido, mas não foi, então observei ao expandir widget que em outro blog não havia a tag g:locale='pt', fiz uma busca na web e encontrei a meta tag abaixo e resolvi colocar entre as <HEAD> e funcionou, agora, passado uns 15 dias resolvi retirar a meta tag abaixo, e funcionou normalmente.
Após ter inserido as estrelas nesse blog(sem mexer em código) passou um mês e no lugar delas apenas um espaço em branco, esperava que fosse um bug e seria corrigido, mas não foi, então observei ao expandir widget que em outro blog não havia a tag g:locale='pt', fiz uma busca na web e encontrei a meta tag abaixo e resolvi colocar entre as <HEAD> e funcionou, agora, passado uns 15 dias resolvi retirar a meta tag abaixo, e funcionou normalmente.
<meta content='pt-BR' name='locale'/>
Esse provavelmente não é seu problema, mas...- Design
- Editar HTML
- Faça um backup de seu código antes.
- Marcar ou clicar em Expandir modelos de Widget
Adicione o código no local correto, para facilitar você pode pressionar juntas as duas teclas de atalho Ctrl F para localizar, use parte do código que você sabe que já existe para localizar o local próximo a área onde você quer adicionar o código, só nesse caso aqui você usaria post-header-line-1 para localizar.
- Depois de adicionar os códigos clique em SALVAR MODELO
35 comentários:
Muito bom
Veja como ficou em
http://www.downloadsturbinadosbr.blogspot.com/
Olá, tentei, tentei e, dá erro:
Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
Mensagem de erro em XML: Element type "div" must be followed by either attribute specifications, ">" or "/>".
Me ajuda.
Grato
Oi estou com problemas com conexão, procurando uma resposta, por acaso vi uma delas aqui, por isso a demora.
Obrigado pelos comentários.
RedKako Essa postagem foi atualizada, era problema no código e já corrigi, me desculpe.
ToM disse...
deu tudo certo mais quando alguem classifica um video todos os videos ganham uma estrela tbm como mudar isso ?...
--------
Tive que remover seu comentário por conter email
--------
O problema de a mesma classificação estar aparecendo em todos os posts é que você coloca o endereço de seu blog no título, isso você está fazendo no momento de postar(aquele campo abaixo de onde você adiciona o título do post), isso não é necessário, até está impossibilitando o visitante de ir só a postagem, deixando em branco o campo onde você está adicionando o endereço de seu blog irá criar automaticamente um título-link para a própria postagem.
vlw querido vc e ferra mano ! brigadao msm
colega meu poblema com o classificador volto em outras pagina vc classifica ai so o que vc classifica fica classificado mais em postagens nova todos tao ficando classificados oque sera que deu ?
No meu blog nao aparece a opsão para colocar avaliador estrelas! pq isso acontece alguem sabe me dizer ??
vlws abrass
ToM
Talvez o alguém votou na pastagem nova, se não for isso,
infelizmente o que sei sobre essa opção do blogger está nesse post, não vejo mais solução para esses ocorridos.
Anônimo
Se você usa o blogger, só posso pensar que talvez seu modelo seja o clássico, aí não creio que tenha como adicionar essa avaliação com estrelas do blogger, Se quiser Mudar modelo Antigo do blogger para layout, clique.
ToM
Talvez o alguém votou na pastagem nova, se não for isso,
infelizmente o que sei sobre essa opção do blogger está nesse post, não vejo mais solução para esses ocorridos.
Anônimo
Se você usa o blogger, só posso pensar que talvez seu modelo seja o clássico, aí não creio que tenha como adicionar essa avaliação com estrelas do blogger, Se quiser Mudar modelo Antigo do blogger para layout, clique.
gostaria de saber pq esta em inglês a classificação de estrelas? tem como deixar em português?
Anônimo
Ainda não encontrei essa opção de deixar a classificação em português, ela depende do blogger e ainda não está disponível nessa data.
Eu queria que você me ajudasse mudar a cor das opções, pois o background é preto, e a fonte das opções tambem estão pretas, você pode me ajudar a mudar a cor das fontes?
Klaylton
No código html de seu blogspot, faça um backup antes,e, localize,ou se não tiver adicione:
<Variable name="mainBgColor" description="Main Background Color" type="color" default="#E4EFF1" value="#E4EFF1">
Ao procurar esse código observe que essa cor #E4EFF1 é diferente
Esse é o código que equivale para a cor de fundo para essa estrela de classificar, você pode ver mais algumas cores html aqui. É a unica alteração que consegui.
Se esse código que mostrei nesse comentário não estiver em seu blogger adicione ele abaixo/depois desse trecho:
/* Variable definitions
====================
Mto mais fácil azer isso!
http://www.outbrain.com/
Eu tava quenrendo mudar só a cor das fontes das opções, só pra você ter uma ideias de como está dar uma olhada ae.
http://i46.tinypic.com/jfynhk.jpg
Klaylton
Teu caso é a cor de reações e pode ser de um layout que não veio do blogger, e, a cor de fundo é igual a cor da fonte, você pode corrigir isso mudando a cor de fundo daquele pequeno local usando Css(para isso é bom saber Onde e como adiciona código Css no Blogger)
Para mudar a cor de fundo apenas da área onde está ou botões da reações com esse código:
.reactions-iframe{background:#ccc;}
Ou mudando a cor de fundo da área dos botões + pergunta com esse código:
.reaction-buttons table{background:#ccc;}
Nesses códigos acima a cor escolhida é cinza, mas você pode controlar a cor alterando esse código #ccc veja mais códigos de cores Html e Css, aqui
Infelizmente esses botões estão em um iframe e não é possível mudar a cor da fonte
Muito obrigado isso era tudo que eu tava querendo fazer, muito obrigado em todos os blogs que eu encontrei você foi o único que me ajudou!!!
Eu vou indicar seu blog pra minha galera.
Valeu Mesmo!!
Uso o blogspot, e, como nosso colega anônimo disse, a opção de classificação com estrelas não aparece.
O que acontece?
Obrigada!
Tatiane
Quem tiver o problema de não conseguir colocar a votação deve fazer os procedimentos acima usando o draft.blogger.com Depois se ainda não funcionar, deve adicionar o código no Html.
Huhuhuhuhuhauhuhauha Eu Concigui
tem como colocar em português a classificação?
♥Ryoko♥
Ainda não tem como fazer isso, acho que o blogger esqueceu ou não se tocou ainda.
poxa amigo coloquei o codigo,e ele esta lá no lgar ceto, mas aparece nas postagens.
minha configuração foi feita pelo draft blogge e me lembro que antes de mudar o templde eu tinha as estrelas de avaliação. me ajude por favor
http://danielaeduca.blogspot.com/
obrigada desde ja :)
DANIELA
Você deve fazer os passos acima após mudar seu template, começa com o que é mais fácil, as configurações.
Se após ter mudado o template você fez tudo corretamente, em alguns blogs percebi que pode ficar sem aparecer as estrelas por alguns dias mesmo estando tudo correto, nestes casos elas aparecem por si só após alguns dias.
Voçê me ajudou muito
Obrigada
Olá,eu de novo,o meu blog tem a opção desing e de mudar cores sem mexer nos codigos e já add gadjets,mas não tem a opção de mostrar classificação de estrelas,pq será?Snif...
CRISTAL
Algum dos passos acima você pode ter esquecido, alguns modelos precisam inserir o trecho de código que está faltando e outros já o possuem.
consegui, obrigada.
aonde eu tenho que colocar o codigo meta tag
In Game G1
Toda meta tag vai no HTML e exatamente abaixo/após a tag <head>
Mas aquilo que citei que fiz em meu blog foi algo temporario, hoje pode ser desnecessario, não aconselho a fazer, apenas se tentar todas as possibilidades e perceber que irá resolver o problema, isso porque a meta tag que citei acima pode restringir as possibilidades de seu blog aparecer em alguns resultados de buscas.
Nossa velho, esse blog está com um poluição visual muito alta.
Aí estou com o mesmo problema do colega:
Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
Mensagem de erro em XML: Element type "div" must be followed by either attribute specifications, " > " or " / > ".
http://macetesedicasgta.blogspot.com/
Nauan
Vou ressaltar que é preciso Expandir modelos de Widgets para adicionar o código.
Mesmo assim, hoje(03/03/2011) não está aparecendo a classificação para blogs que não adicionaram antes, pode ser um bug temporário do blogger, a poucos dias a opção de expandir widgets não funcionava.
Mesmo assim, o código acima está correto para o Xhtml do blogger, tanto é que está sendo usado e funcionando aqui no blog.
Porém, alguns modelos precisa adicionar abaixo desse trecho:
<div class='post-header-line-1'>
Em outros modelos esse trecho de código está diferente, nesse caso deverá adicionar abaixo de:
<div class='post-header-line-1'>
valew era uma coisa super simples mais eu so não sabia como entrar lá,valew.....
Postar um comentário