2/04/2013

Estrellas para votar en tu blog con Graddit


Desde los inicios en Blogger el tema de la puntuación mediante estrellas ha pasado por variados estados. Primero se encontró como widget natural, luego fue eliminado, una vez más colocado y finalmente adaptado por los grandes desarrolladores externos. Así terminamos con variadas implementaciones que dejaban de funcionar justo cuando uno más las necesitaba o simplemente no tenían posibilidades ni de mostrar el mínimo texto en castellano.
Hace un tiempo le dedicamos un post a la implementación que nos permitía usar estas benditas estrellas en castellano, para terminar sorprendidos con que la misma dejó de trabajar pocos días más tarde de nuestra publicación.
Sin embargo el amigo de Simplex Design se paseó por Internet, hasta encontrar Graddit.com, un sistema de calificación por estrellas que trabaja perfectamente para Blogger. Así que en este post, voy a comentar cómo agregarlos a su  blog. Tal vez sea útil para usted tener la certeza de un proveedor gratuito que cumple con todas nuestras expectativas.

1, vaya al Escritorio de Blogger -> Plantilla -> Edición de HTML

2, agregue este código antes de </ head>

     <link type="text/css" rel="stylesheet" href="http://static.graddit.com/css/graddit.css" />

3: Vaya a Graddit.com. Elija un estilo que desee aplicar. Haga clic en el enlace de Blogger




 Un cuadro de texto aparecerá con el código dentro. Copie el código.

4, Regrese al Escritorio de Blogger  -> Plantilla -> Edición de HTML

 
Encuentra el código <data:post.body/>

 
Y pegue el código que copió en el paso 3 antes de <data:post.body/>

Eso es todo. Guardar plantilla y se puede comprobar el resultado.

 
Usted puede verlo en funcionamiento en OPINTEMPLATES y comprobar que algunas partes del texto pueden ser modificadas para que aparezcan en castellano.


Este post está basado en el original de Simplex Design
 http://www.thesimplexdesign.com/2012/09/graddit-star-rating-for-blogger.html

8 comentarios:

  1. Hola. Oye ¿más o menos en que parte está el código ? Gracias.

    ResponderEliminar
    Respuestas
    1. Miguel. Click en el paso tres y una vez en Graddit click en Ratings, allí verás el código.

      Saludos.

      Eliminar
  2. Gracias, pero me falto añadir que el código

    ¿Pero estas estrellas son para que voten los usuarios, verdad? No para poner la calificación, por ejemplo, de un libro en una reseña, es que ando buscando estas, ¿no sabes si se puede? Gracias.

    ResponderEliminar
    Respuestas
    1. Disculpa, pero no se entiende lo que quieres preguntar.

      Eliminar
  3. a mi me aparece en la parte de arriba de cada post las estrellas y yo las quiero en la parte de abajo de cada post que solucion debo tener?

    ResponderEliminar
    Respuestas
    1. Para ver si puedo ayudarte debería ver tu blog, pero básicamente deberías intentar colocar el código que debe ir en data:post.body/
      bajo div class='post-footer' o div class='post-footer-line post-footer-line-1 o div class='post-footer-line post-footer-line-2 o div class='post-footer-line post-footer-line-3

      Luego me cuentas

      Eliminar
  4. COMO hago para solucionar el tiempo de carga del blog ya que según gtmetrix sin el plugins me carga en 3 sg y con el plugins http://www.graddit.com/ me carga en 14 y hasta 30 sg

    existe alguna solución :(

    ResponderEliminar
    Respuestas
    1. Lamentablemente cuando uno depende de la carga de servicios externos, ésto puede ralentizar o hasta evitar la carga de nuestro blog. En tu caso resulta muy alto el valor de carga. Tal vez deberías evaluar la utilización de las estrellas nativas en Blogger para lo cual deberás trabajar desde Blogger in Draft.
      http://ciudadblogger.com/2009/03/permite-que-califiquen-tus-entradas.html

      Eliminar

Nota: solo los miembros de este blog pueden publicar comentarios.