Cursos 24 Horas - Cursos 100% Online com Certificado

Inserindo Classificação por Estrelas no Blogger

15 Comentários Autor : Notícia e blog 19 abril 2010
ESTRELAS 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:
rank_estrelas
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'/>

    15 Comentários

    Jc Denton disse...
    20 de abril de 2010 22:08 #

    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

    Dicas e Blog disse...
    22 de abril de 2010 17:08 #

    muito bom este recuso

    Clube da risada disse...
    12 de junho de 2010 09:17 #

    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!

    seila191 disse...
    22 de junho de 2010 21:27 #

    cara, vlw ai, ajudou muitooo, flw

    Junnior disse...
    14 de setembro de 2010 14:22 #

    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.

    Junnior disse...
    14 de setembro de 2010 14:29 #

    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.

    stanley disse...
    28 de setembro de 2010 14:58 #

    como faço para relacionar os post mais bem classificados por estrelas?

    Mizukis disse...
    15 de setembro de 2011 15:29 #

    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.

    Soraya Leto disse...
    5 de junho de 2012 15:17 #

    Fiz tudo como vc disse, mas não aparece nada na postagem.. continua igual.. onde eu errei?

    Cianaí Cato disse...
    28 de dezembro de 2012 23:57 #

    Pra mim também não da certo... :(

    Márcio Mello disse...
    21 de fevereiro de 2014 17:17 #

    Aqui no meu também não está dando certo :(

    ganhar views no youtube disse...
    26 de fevereiro de 2014 20:33 #

    muito bom o blog, adorei!

    comprar views no youtube disse...
    26 de fevereiro de 2014 23:54 #

    adorei o post !

    comprar seguidores do instagram disse...
    27 de fevereiro de 2014 00:10 #

    muito bom, adorei !

    Eli Lopes disse...
    10 de abril de 2015 15:30 #

    Ja coloquei o código no "layout" e não aparece a opção “mostrar classificação de estrelas”

    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.