0 JS-Kit Rating Classificação em estrelas

Fala galera da blogosfera, hoje estarei ensinando como colocar estrelinha de classificação no blog

Obs: Sempre faça o backup do seu template antes de qualquer alteração

1°- Entre no painel do blog > Design > Editar HTML

2°- Marque a caixinha "Expandir Modelos de Widgets > E procure por: <data:post.body/>

3°- Ou se quiser colocar no titulo dos posts procure por: <div class='post-header-line-1'/>

E cole o seguinte código abaixo do local escolhido:

Estrelas

<div style="float:left; margin-right:3px;"></div>
<div class="js-kit-rating"
expr:path="data:post.url"
expr:permalink="data:post.url"
expr:title="data:post.title">
</div>

Mãozinha 

<div style="float:left; margin-right:3px;"></div>
<div class="js-kit-rating" 
expr:path="data:post.url" 
expr:permalink="data:post.url" 
expr:title="data:post.title" view="score">
 </div>

4°- Depois...cole o codigo abaixo antes de </body> no final do seu html (template).

<script src="http://js-kit.com/ratings.js"></script>

5°- Depois de ter feito tudo isso. Cole o codigo abaixo antes de

 /* Comments e no final de /* Posts: 

.js-kit-rating {
height:20px;
margin-left: 330px;
overflow:hidden;
position:absolute;
margin-top: -2px;
width:105px;
}

Altere o local em que você deseja que a estrela fique. Sempre lembrando do CSS:

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

Dica: Visualizem e depois salvem.