Cursos 24 Horas - Cursos 100% Online com Certificado

Classificação por estrelas - (Js-kit, Blogger)

12 Comentários Autor : Notícia e blog 02 setembro 2010

EstrelaSukoiLeme

Está é uma forma simples de fazer com que seu leitor interaja com seu blog, pois assim ele pode dar sua opinião espontânea sem que tenha que colocar seu nome, e dizer que foi ele que avaliou, este serviço é oferecido pela “Js-kit” que agora se chama “Echo”, veja no tutorial seguinte como adicionar no Blogger:

 

1) Acesse o painel do Blogger(blogger.com)

2) Vá em Layout/Design-> Editar HTML-> Marque a caixa “Expandir modelos de Widgets”

3) Agora procure pelo seguinte trecho no seu template, como sempre utilizando as teclas CTRL e F:

<div class='post-footer-line post-footer-line-3'>

E abaixo do código anterior adicione o seguinte:

<b:if cond='data:blog.pageType == "item"'>
<div class='js-kit-rating' expr:permalink='data:post.url' expr:title='data:post.title'/>
<script src='http://js-kit.com/ratings.js'/>
</b:if>

4) Salve as alterações e visualize.

Correção: Postagem corrigida(16/10/2011), e tradução em andamento...

Referência: Adesivos la bella

    12 Comentários

    Matheus disse...
    4 de setembro de 2010 20:42 #

    Achei simples e legal, mas, ele ainda está com vários bugs.
    Primeiro, ele não está totalmente traduzido. Segundo, após votar em um post ele automaticamente vota em todos os outros da página. Terceiro, depois de um tempo ele 'zera' os votos, eles simplesmente somem. Eu particularmente gostei bastante da simplicidade dele, mas com esses bugs será difícil usar :(
    Estarei acompanhando esta postagem, caso for solucionado eu irei voltar a usar.
    Abraços, sucesso!

    Matheus disse...
    5 de setembro de 2010 15:47 #

    @EDIT: Consegui arrumar uma parte. Para ele funcionar corretamente, ele deverá ser colocado apenas nas páginas das postagens! Para isso, vocês devem adicionar esse código:
    <*b:*i*f cond='data:blog.pageType == "item"'>
    <*d*i*v class='js-kit-rating' expr:permalink='data:post.url' expr:title='data:post.title'/>
    <*s*cri*p*t src='http://noticiaeblog.tk/js-kit.js'/>
    <*/b*:i*f*>

    Dessa forma ele irá contar o voto apenas no artigo em que você votar. E não irá 'zerar'. Agora só falta traduzir o 'Unrated'.
    Se quiserem ver o Hack em ação, visitem: www.D0rg4d0s.net
    Abraços.

    Retirem os asteriscos.

    Missionário Anderson disse...
    13 de setembro de 2010 22:58 #

    Depois de ler esse comentário aí prefiro não usar. Acho que vou instalar no meu blog de testes, se fizer isso coloco minha opinião aqui.

    Adriano Luz disse...
    6 de outubro de 2010 19:10 #

    Ola,

    Coloquei colocar o script no lugar mencionado e não apareceu. Testei também em outros lugares e também não exibiu. O que pode ser?

    Adriano Luz

    Dexxxter disse...
    20 de abril de 2011 12:41 #

    so tirar a condicional de ocultar elementos

    Sandro disse...
    16 de outubro de 2011 10:29 #

    aqui não funcionou

    Notícia e blog disse...
    16 de outubro de 2011 13:58 #

    @Sandro Olá, fiz uma correção veja se funciona agora...

    Izaque disse...
    25 de janeiro de 2012 12:24 #

    Huum interessante esse post, mas infelizmente nada apareceu em minha pagina

    Mega Dotados disse...
    27 de janeiro de 2012 13:57 #

    no meu blog nao tem a primera tag

    Danielle Laurindo disse...
    10 de junho de 2012 11:00 #

    Aqui funcionou corretamente no momento que eu acesse o link: http://js-kit.com/ratings.js e deu outra URL, que é http://cdn.js-kit.com/scripts/ratings.js

    Troquei o http://js-kit.com/ratings.js por http://cdn.js-kit.com/scripts/ratings.js e pronto! Abraços!

    Natanael Lourenço disse...
    11 de julho de 2012 11:07 #
    Este comentário foi removido pelo autor.
    papa leguas disse...
    4 de agosto de 2012 17:22 #

    No meu blog funcionou certinho

    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.