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!





7 Comentarios:

Halle
1 de agosto de 2008, 12:33

5 estrellas por el post!

Me vino perfecto, ya lo tengo funcionando en mi blog.

Guty
1 de agosto de 2008, 16:16

Dios mío, está lleno de estrellas! (siempre quise decirlo).

thitaniando
1 de agosto de 2008, 17:07

Que buena data. si todavñia estaría con blogger de una que lo haría.

ReNa
15 de agosto de 2008, 00:37

como va che?
Me comento tu amigo halle que me pase x aca xq me iba a interesar tu blog

Esta muy bueno...

Veo que estoy rodeado de kubunteros jajaja

si queres pegate una vuelta por mi blog... yo tb soy un fanatico/enfermo del SL

Un saludo

-// ReNa //-

pedro.oc
30 de septiembre de 2008, 15:11

Muchas Gracias. Al final, gracias a esto, ha sido más sencillo de lo que pensaba. Ahora habrá que aprender a sacarle todas las ventajas que tenga.

Serdio
12 de noviembre de 2008, 17:16

Y para que aparezcan en nuevo sistema de reacciones? porque en algunos de mis blogs funciona, pero en uno no, y creo que no he modificado la plantilla, se veran asi las casillas de reacciones????

Garzazul
6 de septiembre de 2009, 12:12

No entendí mucho lo de poner las estrellas en cada post de la página principal, ¿podrías explicarlo un poco más?

Publicar un comentario

Sirvasé comentar con respeto, caso contrario su opinión será inmediatamente enviada a lo más recóndito de la web, allí donde el sol no suele alumbrar.

Muchas gracias!