Ranking de estrellas en Blogger ya disponible

Recuerda
que aunque yo pruebe los "trucos"
Antes de hacer ningún cambio
GUARDA SIEMPRE TU PLANTILLA
Nunca es seguro
que todo salga bien...

Está disponible ya en Blogger el "Ranking de estrellas" para nuestras entradas, el problema es que aunque este operativa la opción, en algunas plantillas no está incluido el código que hace posible su funcionamiento.

¿La solución? Pues como en otras ocasiones tendremos que incluir el código directamente en la plantilla:

[1] Iremos a nuestro panel de Blogger y en la pestaña de "Diseño" pichamos en el Editar de "Entradas del blog".

Entre las opciones disponibles, marcamos "Mostrar la evaluación de estrellas":

[2] Una vez guardados los cambios nos aseguramos de que la opción se muestra debajo de nuestras entradas, sino es así, lo más probable es que tengamos que incluir el código nosotros mismos.

[3] Vamos a la parte de "Edición html" de nuestra plantilla y marcamos la casilla para "expandir las plantillas de artilugios".

Localizamos esta línea de código:

<b:include name='feedLinks'/>

Y justo debajo añadimos el código para el ranking:

<b:if cond='data:top.showStars'>

<script src='http://www.google.com/jsapi' type='text/javascript'/>

<script type='text/javascript'>

google.load("annotations", "1");

function initialize() {

google.annotations.setApplicationId(<data:top.blogspotReviews/>);

google.annotations.createAll();

google.annotations.fetch();

}

google.setOnLoadCallback(initialize);

</script>

</b:if>

[4] Pondremos ahora el código necesario para mostrar las estrellas debajo de las entradas, la colocación dependerá de donde queramos ponerla cada uno, aunque siempre ha de estar debajo de una de estas líneas de código:

<p class='post-footer-line post-footer-line-1'>

<p class='post-footer-line post-footer-line-2'>

<p class='post-footer-line post-footer-line-3'>

Si vamos a poner el ranking de estrellas debajo de todos los demás elementos del pie de los post (post-footer), colocaríamos entonces el código debajo de la última línea:

<span class='star-ratings'>

<b:if cond='data:top.showStars'>

<div expr:g:background-color='data:backgroundColor'

expr:g:text-color='data:textColor'

expr:g:url='data:post.absoluteUrl'

g:height='42'

g:type='RatingPanel'

g:width='180'>

</div>

</b:if>

</span>