
Antes de começar faça um backup do seu template embora esse código seja muito simples de colocar é melhor ter uma cópia de segurança.

Entre na pagina editar html, marque a opção expandir modelos de widgets, use o Crtl+F e procure por:
<data:post.body/>
Em alguns templates que usam o resumo da postagem tem mais de um então precisa testar para descobrir qual é o correto. E coloque esse código logo abaixo dele.
<b:if cond='data:blog.pageType == "item"'>
<div class='js-kit-rating' expr:path='data:post.url' expr:permalink='data:post.url' expr:title='data:post.title' view='score'>
</div>
</b:if>
Agora encontre </body> e coloque essa linha antes dele:
<script src="http://js-kit.com/ratings.js"></script>
Clique para salvar as alterações e já está tudo pronto, agora seu blog já tem um sistema de avaliação de postagens com as mãozinhas fazendo sinal de positivo e negativo.

Se quiser que apareça a avaliação com estrelinhas é só apagar o trecho view='score' na primeira parte do código, mas se quiser classificação dos posts com estrelas você pode usar também como mostramos em outros artigos:
OutBrain - Classificação com estrelas nas postagens
Google Friend Connect - Colocar Avaliação com Estrelinhas no Blog ou Posts
O único ponto negativo desse sistema é que ele é feito em inglês e não temos a opção de tradução, mas as pessoas normalmente apenas votam e olham os números ao lado dos ícones de positivo e negativo para ver a contagem, por isso achamos que o idioma do widget não atrapalhará em nada. Esperamos que gostem de mais esse acessório para usar no seu blog e digam sua opinião sobre ele.
Da para trocar a imagem das mãos por outra?
ResponderExcluirGostei! Mas ele só aparece na pagina da postagem, na pagina inicial não aparece! Não tem como por na pagina inicial também?
ResponderExcluirAnônimo
ResponderExcluiras imagens são geradas pelo site que criou o código e não podemos trocar
O Grande Curioso - Maurício Jr.
tente colocar na primeira parte do código somente assim:
< div class='js-kit-rating' expr:path='data:post.url' expr:permalink='data:post.url' expr:title='data:post.title' view='score' >
< /div >
ele deve aparecer em todas as paginas do seu blog.
Fabiano não seria melhor utilizar:
ResponderExcluir< script src =' http:// js-kit.com/ ratings.js ' />
(Eu usei espaços acima pois o blogger não deixa usar a tag script)
Assim o navegador só carrega o JS quando a página for uma postagem.
Não está aparecendo as mãozinhas no final da postagem, já olhei no código fonte, e o código está lá.
ResponderExcluirFabiano, decidi ler só pelo título "avaliação com mãozinhas", na boa, eu ri. Vou testar.
ResponderExcluirTestei em dois blogs e não apareceu. =\
ResponderExcluirIsaias
ResponderExcluirsinceramente eu fiquei todo atrapalhado na hora de escolher um titulo então acabei escolhendo esse, mas reconheço que não foi grande coisa
Sybylla
ResponderExcluirveja se não tem outro post.body no seu html, as vezes tem mais de um e você está colocando no lugar errado.
vou atualizar a postagem falando sobre isso.
Fabio Rossini Sluzala
ResponderExcluirse testar e funcionar ... tudo bem.
mas o código é feito para a paginas da postagem.
Fabiano
ResponderExcluirPelo contrário, foi um título simples e engraçado ao mesmo tempo. Abraço.
Como sempre, mais um óptimo post. Os meus parábens novamente!!!
ResponderExcluirFIZ CERTINHO,MASNAO APARECEU NADA NAO!:(
ResponderExcluirFabiano , já tentei usar o outbrain várias vezes e não rolou. Quando li essa postagem fiquei mega feliz achando que finalmente conseguiria realizar meu desejo antigo de ter as tais estrelinhas de outra forma no meu blog só que tentei muitas e muitas vezes mas também não deu certo . Existe algum outro jeito? Procurei os códigos mas não tive sucesso .
ResponderExcluirFabiano, ali onde eu falei do script, eu usei uma tag do blogger, mas o blogger apagou a tag
ResponderExcluirSuelytânia
ResponderExcluirveja se no seu template não tem varios post.body geralmente o erro é esse
balaiodalana
ResponderExcluircomo falei no comentário anterior pode haver varios post.body e se colocar no erro não vai funcionar
good review
ResponderExcluirapesar do tutorial ser ótimo não pegou no meu não apareceu nd
ResponderExcluirVo pensar se eu vo colocar no meu blog.Entre ai http://blogueirodicas.blogspot.com/
ResponderExcluirFabiano você não conseguiu colocar o do Poll Daddy nas postagens? naquele comentário que eu fiz.
ResponderExcluirAbraços!!!
Ben
ResponderExcluirveja se tem outro post.body no seu html e tente colocar o código neste outro. (não repita o código, troque de lugar)
Rosiel T.S.
na verdade quando tentei fazer meu cadastro no poll daddy deu erro então não consegui fazer o tutorial e depois comecei escrever outros assuntos, mas vou lá tentar novamente
Amo seu blog, a muito tempo que seu banner está no meu blog de artesanatos.....adoro as sua dicas e conselhos para blogueiros.
ResponderExcluirObrigada por todas as dicas e ajuda que vcs prestam ao mundo virtual!
Um beijo no coração da amiga Cátia.
http://catiaartesmanuais.blogspot.com/
Fabiano, isso não tem a ver com o post, mas eu queria que você me ajudasse por favor, eu queria saber como faz pra colocar uma imagem na lateral do blog, que se a pessoa girar a rodinha do mouse pra baixo, a imagem ir para baixo junto.
ResponderExcluirPor favor, em nenhum blog tem ensinando isso.
anonimo
ResponderExcluirveja se é isso que procura: Navegar Dentro da Página - Criar links na mesma pagina
então pode criar um link para o final da pagina
Adoro seu blog, sempre esta me ajudando. Já estou seguindo, segue de volta?
ResponderExcluirwww.coisasdemenina-vicky.blogspot.com
www.clubeselenagomezdiva.blogspot.com
Excelente!
ResponderExcluirEstou iniciando meu Blog Agora, no momento ele está em manutenção exatamente para colocar em prática algumas ideias que andei retirando do Dicas Para Blogs..
E Adorei o trabalho de vocês, com certeza terão um banner no meu blog.
Segui tudo direitinho o que você falou e deu tudo certo, no final, antes de ler os comentários, percebi que só aparecia as "Mãozinhas" na página da postagem.
Depois eu parei para ler os posts e vi exatamente este "problema" ser resolvido.
Muito Obrigado pela dedicação de vocês.
Que tenham um ótimo trabalho.
Equipe Risadinhas-Blog
http://risadinhas-blog.blogspot.com
Allan
ResponderExcluirobrigado pelas visitas e elogios
Eu coloquei esse tutorial, mais não apareceu nada nem maãosinha pra cima nem pra baixo o meu templante é o clássico, bela não valeu nada_ a /
ResponderExcluircoloquei, mais só aparece se clicar no titulo da postagem !
ResponderExcluirBEM VINDO AO BLOG DE GISOALVES
ResponderExcluiresse código é para mostrar a avaliação somente na pagina da postagem, mas se quiser que apareça em todas as paginas apague a primeira e ultima linha do código
< b:if cond='data:blog.pageType == "item"' >
< /b:if >
Oi ...
ResponderExcluirFiz direitinho do jeito que vc mandou + não funcionou :( Pq será?
Karina Karoline
ResponderExcluirpode ser algum detalhe no seu template.
mas tente retirar e colocar o código novamente.
se quiser pode colocar depois de
< div class='post-footer-line post-footer-line-1' > ou algo parecido com isso: post-footer-line
as vezes varia conforme o template
Fabiano essas mãozinhas não funcionaram no meu blog o meu template tem dois desse mas eu ja testei nos dois e não funciona...
ResponderExcluirVlw
o código é feito para templates do blogger, mas se tiver muitas alterações pode gerar problemas
ResponderExcluirFabiano, no meu caso funcionou somente quando coloquei depois da linha de código: < div class='post-footer-line post-footer-line-1' >, havia testado em todos os e não funcionou.
ResponderExcluiratt.
Gilmar
Gil Lima
ResponderExcluiresses novos templates tem muitos detalhes... mas o importante é que achou um jeito de funcionar no seu blog.
Fabiano,no meu hormail o body tem só um,mas é de outro widget que está no trecho.Poderia substituir alguma outra tag?
ResponderExcluirPedro
ResponderExcluirno seu hotmail? não entendi o que está querendo dizer
E nos comentários? Tem como?
ResponderExcluirnão conheço código para fazer a avaliação de comentários, mas vou procurar se conseguir um que funcione bem farei um tutorial sobre o assunto.
ResponderExcluireu queria de comenatrios Fabiano
ResponderExcluirOlá Fabiano, eu coloquei esse código em 2 blogs meu! No 1°, era para testar, e no 2°, era pra valer! No 1° funcionou, mas no que era pra ser pra valer não foi, era pra ficar nesse blog que eu deixei aqui no NOME/URL. Você poderia me dizer PQ disso? Será que o template do meu blog tem algum código que não deixa colocar este?
ResponderExcluirSaga de Animes
ResponderExcluirtemplates muito personalizados podem ter tags ou scripts que geram conflitos de códigos se for esse o caso é bem dificil resolver.
mas veja se colocou o ´codigo no lugar certo da segunda vez. talvez tenha mais de uma vez o mesmo trecho de código no seu blog.
Hey Fabiano, quero te agradecer por ter me dito pra insistir^^. Tentei mais umas 3 vezes e consegui descobrir o problema!
ResponderExcluirNo meu Blog, tinha quatro dessas linhas aqui: "", eu coloquei na 1°, não deu, na 2°, tbm ñ, até chegar na 3°! e problema resolvido! Agora o código funciona perfeitamente.
Será que esse tipo de conflito nos códigos tem atrapalhado outros códigos que eu venho tentado botar no Blog como este? Eu tentei colocar aquele seu tutorial da caixinha do código de cada página, assim quando fizer uma postagem nova, automaticamente criar um tipo de: "Embed" para ela, mas também não funcionou, será que é isto?
pode ser também o lugar errado no html que não deixou a caixa funcionar.
ResponderExcluirmas os templates com muitas alterações vão ficando cada vez mais difíceis de mexer
tente procurar por post.body e colocar o código depois dele.
Não foi dessa vez,vc n me ajudou... Mas se mecher em configurações é mais facil!!! www.vaidoosas.blogspot.com
ResponderExcluirConsegui, mas achei muito pequeno os botões.
ResponderExcluirnao temos como alterar o tamanho das imagens
ResponderExcluirTem Como Tenta Fazer as Quelas Joinha do Youtube Fabiano ?
ResponderExcluiracho que não tem como fazer essa alteração
ResponderExcluirseria possivel voce recuperar esse arquivo .js ?
ResponderExcluireu estou precisando muitissimo
ele nao existe nesse serve'-'
infelizmente não é possivel recuperar o arquivo .js
ResponderExcluirBom dia, amigo eu fiz tudo como você ensinou, mas não sei porque não esta aparecendo nos meus post.. tem como você da uma olhada? me ajude por favor..
ResponderExcluirmeu blog é: http://BrincardeJogar.blogspot.com.br .
Muito Obrigado, e parabéns pelo site, é o melhor de dicas html que eu conheço!
Abraço!
esse código tem muitos detalhes... então veja se não apagou ou colocou algo por engano..
ResponderExcluiralém disso exitem códigos externo que podem apresentar falhas e neste caso não tem o que fazer.
Blz desisti já. kkk mas brigadao Fabiano Roberto.. rsrsr
ResponderExcluirMeu blog não tem a tag '-' oq eu faço?
ResponderExcluirAMIGO TENTEI COLOCAR DE VARIA MANEIRAS E NAO DEU NAO MOSTROU NADA ONDE PEDIU PRA COLOCAR NEM MAOZINHA NEM PEZINHO NADA RSRSRS COMO FAÇO AJUDAI POR FAVOR VALEU
ResponderExcluirIsabel esses códigos são externos do blogger... então podem gerar conflitos com outros scripts e não funcionar dependendo do template....
ResponderExcluirmas verifique se não apagou algo por engano... colocou alguma coisa em lugar errado. Normalmente são pequenos detalhes que fazem os códigos dar erros
No meu blog http://www.geografiaopinativa.blogspot.com.br/ tem vários , tem como saber qual é? São muitos
ResponderExcluirse achou mais de um o jeito é fazer um backup do seu template e depois testar colocando e retirando o código de cada um deles
ResponderExcluirUé não achei
ResponderExcluire agora?
use o ctrl F para achar o código
ResponderExcluirO script foi apagado pessoal esta dando 404 onde ele esta hospedado por isso não funciona mais.
ResponderExcluirGuthi vou procurar outro código e assim que possível fazer um novo tutorial sobre esse assunto
ResponderExcluir