Calificación con "estrellas" en Blogger

Como comentaba hace un par de post, mientras hablábamos de las Betas Eternas, Blogger agregó una funcionalidad para poder votar las notas o post seleccionando un Rating Star.

El problema surge para quienes tienen una plantilla modificada, o sea, las que no son originales de Blogger.



Pero para todo hay solución y buscando otra cosa me topé con el How To para solucionarlo, y de paso aplicarlo a este Blog. ;)



1. Primero accedemos al panel de Blogger, de allí pasamos a la pestaña Diseño -> Edición de HTML. Allí tenemos que Expandir plantillas de artilugios.



2. Buscamos el siguiente código con el buscador del navegador (Ctrl + F):

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

O, en caso de no hallarlo, este otro:

<p><data:post.body /></p>

3. Justo debajo agregamos este código:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

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

</b:if>

4. Después buscamos este otro código. (mucho más abajo del anterior)

<b:include name='nextprev'/>

5. Abajo colocamos esto:

<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.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>

6. Guardamos la plantilla.



Si hicimos todo correctamente y el código quedó bien formado, deberíamos poder ver la votación por estrellas en las páginas de cada post.



También podríamos hacer que las Estrellas se vean en cada post, en la página principal. Para lograrlo simplemente quitamos las etiquetas y de ambos códigos (los que agregamos).

Claro que si tenemos activado el "Seguir leyendo" la votación en la página principal pierde un poco el sentido ya que no se leyó la entrada completa...pero eso queda a gusto de cada uno.



Desde ya les paso el LINK original desde donde saqué este Tuto junto con el del Top de Comentadores hace un tiempo.



Ya saben, ahora pueden ayudar a los visitantes fugaces a distinguir los buenos post votando!