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.

Aqui no blog eu não uso mais a classificação, talvez por um bug do blogger, mas testei essa função, pode ver nesse blog 'pra testes'

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

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

• Rating stars: votar, avaliar o texto de site ou blog
• Como colocar adsense acima dos posts no BlogSpot
• Como colocar caixa de busca google no blogger
• Colocar botão Web Slice e Feed no blog ou site