12/10/2009

Classificar postagens com estrela / star rating



Exibir classificações com estrela nas postagens incrementa o layout, e é uma ótima forma de estimular a participação dos seus leitores e ter feedback sobre o conteúdo postado.



Inserir classificações com estrela ou Star Rating está disponível somente para o Blogger in Draft acesse-o e após efetuar login em sua conta no painel inicial selecione Layout, e elementos da página.


Acesse em seguida Editar, para editar os elementos da postagem.


Na nova janela que abriu marque a caixa mostar classificação de estrela, e na parte inferior posicione em um local.


Acesse salvar e visualize.
Alguns Templates não estão preparados para este tipo de modificação tornando necessário alguns ajustes após ter realizados o procedimento anterior. Se este for o seu caso (o meu foi assim) você terá que modificar o código HTML do seu layout. Encontrei esta dica no Ferramentas Blog.
Acesse a aba layout e editar HTML. Faça Backup do layout acessando a opção baixar modelo completo e garanta que caso ocorra algum erro nas alterações do seu layout é possivel reparar o erro carregando novamente seu layout.


Na caixa maior selecione a opção expandir modelos de widget. E aperte simultaneamente as teclas CTRL e F.
Na caixa de textos que surgiu digite:
post-footer-line post-footer-line-1


Acesse próxima.
Copie e cole todo este trecho abaixo em baixo da linha post-footer-line-1.

Acesse visualizar e se estiver tudo correto acesse salvar modelo.
Faça um teste e veja se está funcionando corretamente. Aproveitando a oportunidade classifique esta postagem.

9 comentários:

  1. Tem como mudar a cor do background?? obrigado

    ResponderExcluir
  2. Joe.
    Tem sim é so mudar 'data:backgroundColor' pela cor que vc quiser com este código vc roda o background do blog caso queira mudar substitui este trecho pela cor, por exemplo: Branco ficaria #ffffff; preto #000000, etc..
    Abraços

    ResponderExcluir
  3. Queria colocar ele no meu blog, de filmes online, em na pagina principal, abaixo dos titulos dos filmes, como seria isso?

    meu blog é

    http://verfilmeslegais.blogspot.com

    ResponderExcluir
  4. Consult Perdas,tudo bem?

    Visitei seu blog, muito bom por sinal..
    Inspecionei o codigo fonte do blog e notei que na pagina inicial funciona um código javascript que roda as fotos com link para os filmes.. De javascript eu não entendo muito bem. Gostaria de saber como voce faz para colocar as imagens na pagina inicial??? È javascript???
    Notei que na pagina inicial dentro do elemento div class="back" tem um espaço em baixo, acho que é ali que vc quer colocar não é???
    Se vc tiver um blog de testes a gente pode testar nele antes e depois vc passa para o seu, so que tem que ter o mesmo tema.
    Gostei do desafio.. Me passa um e-mail para eu entrar em contato.
    Abraços

    ResponderExcluir
  5. Meu blog não tem o código post-footer-line post-footer-line-1
    Meu blog pode ter algum erro? Como faço para adicionar esse código no meu template?
    Tentei também botar reações no meu blog, mas igual ao Star rating, não funcionou porque não tinha o código que pedia...

    Beijos!

    ResponderExcluir
  6. Oi Ana Rita
    Este trecho de código depende do template que vc usa, lembrando que vc precisa marca a opção de expandir modelos de widget para aparecer este código..
    Caso não consiga tente o Blogger in draft....Ou vá fazendo testes ate encontrar um local que fique legal a classificação...Dentro do POST..

    Bjo..

    ResponderExcluir
  7. Olá notei que o código infelizmente não carrega todas as vezes e nem em todas as postagens, gostaria de saber como colocar em todas as postagens. E, gostaria de saber se tem como avaliar somente depois de aberto a postagem, agradeço desde de já.

    Se quiser o link do blog é este:
    jogosonlineplus.blogspot.com

    ResponderExcluir
  8. Guitierrez
    Olá, como o seu layout é modificado igual ao meu, vc precisa fazer a alteração no Blogger in Draft e depois seguir com a segunda parte do tutorial, colocando o trecho de HTML embaixo da linha post-footer-line no código fonte do seu blog.
    Abraços

    ResponderExcluir

Leia as regras:
Todos os comentários são moderados antes de serem publicados serão publicados somente os que respeitarem as regras abaixo:
-Comentários que incitem a violência, preconceito ou intolerância serão deletados;
-Cometários com conteúdo proibido para menores de 18 anos serão deletados;
- Links desnecessários serão apagados;
Obrigado