Este é um jeito muito legal de saber se seus leitores gostaram de suas postagens, pois permite que eles dêem uma nota para seu artigo de forma simples apenas clicando nas estrelas. O Blogger possui este recurso mais muitos blogs que possuem templates um pouco mais antigo não tem seus códigos completos por isso é necessário adicionar alguns trecho que irei mostrar abaixo. Veja se o seu template já possui o recurso:
1) Acesse o painel do Blogger In Draft (draft.blogger.com)2) Vá em Layout -> Elementos da página -> E em Postagens no blog, clique em editar.
3) Agora marque a opção “Mostrar classificação de estrelas (
)”4) Salve e veja se apareceu algo parecido com a seguinte imagem:
5) Se não apareceu vá para o próximo passo.
Inserindo o código no template
1) Vá em “Layout” –> “Editar HTML” –> Marque “Expandir Modelos de Widgets”2) Procure pelo seguinte código:
<b:include name='feedLinks'/> Abaixo deste código adicione o seguinte, mas antes verifique se já possui:<b:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1");
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if> 3) Procure pelo seguinte:<div class='post-footer-line post-footer-line-3'> Agora adicione abaixo deste código o seguinte:<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:type='RatingPanel'
g:width='180'>
</div>
</b:if>
</span> 4) Salve as alterações e visualize.Obs: Se não encontrou o código do passo 2, insira ele abaixo deste código:
<b:include name='nextprev'/>
8 Comentários
Eu ja tenho esse reurso que ativei pelo blogger in draft edtando pelo elemento de pagina "postagens no blog", é muito bom, coloca no seu blog tb esse recurso pra nós avaliarmos seus posts
muito bom este recuso
Ajudou demais amigo, era o que eu procurava, a do site Outbran é boa, mas o prblema éw que apareçe tbm artigos relacionados, isso eu não quero, abs!
cara, vlw ai, ajudou muitooo, flw
Olá. Funcionou direito. Só não entendo o porquê de marcar a opção no painel do blog não é suficiente para as estrelas aparecerem, já que com "reações" basta clicar e pronto. Isso é uma falha do template?
Tive que editar o HTML, mas acabou dando tudo certo de acordo com a sua explicação.
Obrigado.
Junior.
Como fazer para todas essas opções aparecerem apenas nas páginas secundárias e não na principal (horário da postagem, estrelas, marcadores e etc)? Tem como?
Obrigado.
Junior.
como faço para relacionar os post mais bem classificados por estrelas?
Snif, já deve ser o milésimo tutorial que testo, mas não adianta. O tutorial é muito bom e explicativo, e deu certo com muita gente, mas acho que o meu layout não permite isso de maneira alguma, é uma pena.
Postar um comentário
Deixe seu comentário aqui
Para exibir sua foto, escreva o seu comentário e clique em "Visualizar" e em seguida clique em "Adicionar Foto de Perfil"(Só é exibido quando o comentário é publicado como Conta do Google). Para editar seu perfil Clique aqui.