Como Colocar JS-Kit Rating no Blogger.
O JS-Kit Rating é uma classificação com estrelas na sua postagem.
Aviso: Antes de Tudo Faça o Backup Do Seu Template.
--------------------------------------------------------------------------------------------------------------------------------
1° Passo:
Marque a caixinha expandir modelos widgets, depois
cole o codigo abaixo de <data:post.body/> ou se quiser colocar no titulo da postagem cole depois de <div class='post-header-line-1'/>.
cole o codigo abaixo de <data:post.body/> ou se quiser colocar no titulo da postagem cole depois de <div class='post-header-line-1'/>.
Codigo:
<div style='float:left; margin-right:3px;'/>
<div class='js-kit-rating' expr:path='data:post.url' expr:permalink='data:post.url' expr:title='data:post.title'>
</div>
<div class='js-kit-rating' expr:path='data:post.url' expr:permalink='data:post.url' expr:title='data:post.title'>
</div>
--------------------------------------------------------------------------------------------------------------------------------
2° Passo:
Depois cole o segundo código acima (antes) de </body> no final do seu html.
Codigo:
<script src="http://js-kit.com/ratings.js"></script>
--------------------------------------------------------------------------------------------------------------------------------
3° Passo:
Depois de ter feito tudo isso.
Cole o último código abaixo antes de /* Comments é no final de /* Posts:
Cole o último código abaixo antes de /* Comments é no final de /* Posts:
Codigo:
.js-kit-rating {
height:20px;
margin-left: 330px;
overflow:hidden;
position:absolute;
margin-top: -2px;
width:105px;
}
height:20px;
margin-left: 330px;
overflow:hidden;
position:absolute;
margin-top: -2px;
width:105px;
}
--------------------------------------------------------------------------------------------------------------------------------
As definições do código:
# margin-top..........define a margem superior;
# margin-right........define a margem direita;
# margin-bottom.......define a margem inferior;
# margin-left.........define a margem esquerda;
# height: comprimento vertical
# width: comprimento horizontal
# margin-top..........define a margem superior;
# margin-right........define a margem direita;
# margin-bottom.......define a margem inferior;
# margin-left.........define a margem esquerda;
# height: comprimento vertical
# width: comprimento horizontal
Visualizem Primeiro e Depois Salvem.
Dúvidas ? Comentem.
Tutoriais
3 comentários
Funfo certinho aqui valeu :)
Gostei muito da organização das suas postagem :)
si tivesse como vc ensina a coloca aquela lista de links,
qui bota pra faze o download tipo esse aqui do print:
> http://img838.imageshack.us/img838/3448/catszkd.jpg <
Si não tive como ensina nao tem problema ^^
;).
Ok, Assim Que Possivél Estarei Postando o Tutorial Aqui.
Att. Alex Oliveira
Regras dos comentários
1. Todos os comentários são lidos e se possível respondidos.
2. Não serão toleradas faltas de respeito.
3. Se possível comente e faça de nós um grupo feliz.
4. Caso o link não Esteja Pegando Deixe um comentário avisando!
Obrigado