pruebas: Rating de estrellas en español

En esta ocación Jorge nos hace llegar un código para aplicar a nuestra plantilla que aparecerá en todas nuestras entradas de modo tal que nuestros lectores puedan calificar las entradas con las viejas y queridas estrellitas. :)

Es importante que siempre antes que hagas un cambio en la plantilla guardes una copia, por si el truco no te funciona o no te gusta puedas volver a lo que tenías.
Nada es infalible...^_^

1- Desde Draft Blogger, vamos al "Escritorio" de nuestro blog, "Diseño", y hacemos click en "Entradas del blog", una vez allí marcamos la opción "Mostrar la evaluación de estrellas"

2- Una vez realizado lo anterior, vamos a "Diseño/Edición HTML/Expandir artilugios" y ubicamos esta parte del código
<b:include name='feedLinks'/>
Y justo debajo de esto pegamos esto:

<span class='reaction-buttons'>
<b:if cond='data:top.showReactions'>
<table border='0' cellpadding='0' width='100%'><tr>
<td valign='center'><span class='reactions-label'>
<data:top.reactionsLabel/></span>
 </td>
<td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
</tr></table>
</b:if>
</span>

<b:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>

3- Una vez realizado esto pegamos el código necesario para mostrar las estrellas en las entradas, esto dependerá de donde queremos verlas, aunque siempre ha de estar debajo de una de estas líneas de código:

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

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

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

Es decir, para poner el ranking de estrellas debajo una entrada, vamos probando la ubicación viéndolo con la vista previa antes de guardar, y colocando entonces este código:

<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='280'/>
</b:if>
</span>

NOTA: Lo particular de este código es que está en español

Este es un excelente aporte de