Estrellas para valorar el contenido de tu blog.

Es muy típico ver blogs que utilizar estrellas para valorar sus artículos. Sin duda, es una buena opción para saber la opinión de tus lectores acerca del blog, además de ser estéticamente "bueno".


Es un artilugio sencillo y no requiere nociones avanzadas de CSS, scripts o HTML.

Diseño>Edición de HTML>expandimos artilugios

 

Busca la etiqueta <data:post.body/> en tu plantilla y justo debajo añade lo siguiente:

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

 De esta forma, las estrellas aparecerán en todo momento al pie de tus artículos.

Si prefieres mostrar las estrellas justo debajo del título de tus posts, añade el código bajo esta otra línea:

<div class='post-header-line-1'/>

Para hacer que únicamente se vean al abrir una entrada individualmente utiliza este otro código (en lugar del primero):

<b:if cond='data:blog.pageType == "item"'>
<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>
</b:if>

Ahora encuentra la etiqueta </body> y encima agrega este bloque:

<script src='https://sites.google.com/site/miltrucosblogger/script/EstrellasValoracionMiltrucosBlogger.js'/>

Guarda la plantilla para terminar.


Los códigos han sido tomados en su totalidad de | Mil Trucos Blogger