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!

Post Popular: 1%

Etiquetas: , ,

7 Respuestas


  1. Halle on 01 ago 2008

    5 estrellas por el post!

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

  2. Guty on 01 ago 2008

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

  3. thitaniando on 01 ago 2008

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

  4. ReNa on 15 ago 2008

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

  5. pedro.oc on 30 sep 2008

    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.

  6. Serdio on 12 nov 2008

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

  7. Garzazul on 06 sep 2009

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


Dejá tu comentario!