Post sobre |Dicas blog, Pc windows

Classificar com estrelas, votar, avaliar post no blogger

É fácil colocar uma avaliação com estrelas para os post do BlogSpot, sem mexer em códigos; no blogger tem uma opção de por uma classificação(avaliação) com estrelas para as postagens.

Atualização importante 2012, com a nova interface do blogger mudou a maneira de colocar essa classificação de estrelas, para colocar classificação de estrelas em blogs do blogger, clique aqui e ignore os passos abaixo.

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.

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.

    Para inserir classificação de estrelas

    Você pode acessar o blogger em rascunho(draft.blogger.com)
  1. Acesse o blogger.com e depois de ter feito login.
  2. Procure a aba/link Layout ou Design e clique.(Na imagem abaixo, onde você vê Layout foi substituído por Design numa atualização que o blogger fez)
  3. Veja se você está na página Elementos da página, se não estiver clique no link Elementos da página.
  4. Na página que abrir procure pelo "quadro" Postagens no blog, e, no mesmo um link Editar, clique.
  5. Colocar: classificar, avaliar postagens do blogspot
  6. Na página que abrir você terá varias opções para selecionar, entre elas Mostrar classificação de estrelas( Classificar com estrelas votar avaliar post no blogger )
    Marque e clique em SALVAR.(Salve também em Elementos da página)

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 Blogger
Adicionar 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.

<meta content='pt-BR' name='locale'/>

Esse provavelmente não é seu problema, mas...
    Para adicionar código no Html do blogger acesse-o e:
  • 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

38 comentários:

Classificar com estrelas, votar, avaliar post no blogger2008-11-12T12:04:00-02:00
  1. Muito bom
    Veja como ficou em

    http://www.downloadsturbinadosbr.blogspot.com/

    Responder
  2. 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

    Responder
  3. 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.

    Responder
  4. Este comentário foi removido por um administrador do blog.

    Responder
  5. 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.

    Responder
  6. vlw querido vc e ferra mano ! brigadao msm

    Responder
  7. 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 ?

    Responder
  8. Anônimo25/11/09

    No meu blog nao aparece a opsão para colocar avaliador estrelas! pq isso acontece alguem sabe me dizer ??

    vlws abrass

    Responder
    ...Respostas
    1. No meu tbm :/, eu coloquei a avaliação, de, exemplo:Ajudou, não ajudou

  9. 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.

    Responder
  10. Anônimo19/12/09

    gostaria de saber pq esta em inglês a classificação de estrelas? tem como deixar em português?

    Responder
  11. 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.

    Responder
  12. 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?

    Responder
  13. 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
    ====================

    Responder
  14. Anônimo29/12/09

    Mto mais fácil azer isso!

    http://www.outbrain.com/

    Responder
  15. 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

    Responder
  16. 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

    Responder
  17. 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!!

    Responder
  18. 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!

    Responder
  19. 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.

    Responder
  20. Huhuhuhuhuhauhuhauha Eu Concigui

    Responder
  21. tem como colocar em português a classificação?

    Responder
  22. ♥Ryoko♥

    Ainda não tem como fazer isso, acho que o blogger esqueceu ou não se tocou ainda.

    Responder
  23. 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 :)

    Responder
  24. 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.

    Responder
  25. Voçê me ajudou muito
    Obrigada

    Responder
  26. 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...

    Responder
  27. 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.

    Responder
  28. consegui, obrigada.

    Responder
  29. aonde eu tenho que colocar o codigo meta tag

    Responder
  30. 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.

    Responder
  31. 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/

    Responder
  32. 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'>

    Responder
  33. valew era uma coisa super simples mais eu so não sabia como entrar lá,valew.....

    Responder
  34. uma dica simples e muito boa
    :)
    vlw

    tw jogos
    blog sobre jogos

    Responder
  35. NÃO CONSEGUI COLOCAR AS ESTRELINHAS E FIZ TUDO CORRETO NO MEU BLOGSPOT.

    OBRIGADA.COLOQUEI SEU BLOG EM FAVORITOS.

    ABRAÇOS


    DONETZKA

    OBS:DESCULPE A MAIÚSCULA. MEU TECLADO ESTÁ COM DEFEITO.


    MEU BLOGSPOT:

    http://donetzkatextosbonitoseimagenslindas.blogspot.com.br/

    Responder
    ...Respostas
    1. Desculpe a demora, criei um post para ver como colocar estrelas de avaliação em blogs do blogger, porém usando a nova interface do blogger, clique aqui para ver, já que com a instrução que postei acima agora não é mais possível, ela era para a antiga interface.

  36. CONSEGUI,NÃO LEMBRO COMO.OBRIGADA!

    FELIZ 2013!

    BEIJOS

    DONETZKA

    Responder

→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!