Rank de Estrelas no Blog

Yo galera, hoje trago um tutorial de como colocar o rank de estrela no blog. Então vamos lá.

1º Passo:

Vá em Design > Editar Html e cliquem em Expandir modelos de widgets.
Agora você escolhe onde por o Rank, segue a lista de opções:

Abaixo do Título da Postagem

<div class="post-header-line post-header-line-1">CÓDIGO AQUI</div>

No Fim da Postagem

<div class='post-footer'>CÓDIGO AQUI</div>

Dependendo de onde você escolheu por, copie e cole o código abaixo dentro onde tem:

<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>

2º Passo:

Feito isso procure por:

</body>

Logo acima coloque:

<script src='http://designonspace.comuf.com/string.js'></script>

3º Passo:

Caso queiram posicionar o rank de estrelas vocês podem usar este CSS, acima de:

]]></b:skin>

Caso queiram posicionar o rank de estrelas vocês podem usar este CSS, acima de:

.js-kit-rating{ 
margin-left:10px;
margin-right:10px;
position:absolute;
margin-top:10px;
margin-bottom:10px;
font-size:none;
}