Añadir rating de estrellas a nuestros post en Blogger

Última actualización el 10 agosto, 2008 por SkNeO2

Hola gente ahora les vengo con algo que ya no es mucha novedad y que hace cuestión de dos semanas aprendi a hacer. Seguramente algunos de ustedes son bloggers y pues tienen su blog, suben videos, escriben muchas cosas sean buenas o malas, o en todo caso lo hacen para llamar la atención :P pero como saben que tanto les importa el post a sus lectores :P!. Para eso blogger en su versión beta a incluido para sus nuevos cambios el sistema de rating.

Con el sistema de rating de estrellas podrás saber que tan interesante resulto tu post :P!

Ahora se deben de preguntar cómo añado el sistema a mi blog en blogger?. Sencillamente con añadir unas cuantos bloques de código HTML y activar el servicio.

Vamos con los pasos.

1. Tienes que iniciar sesión en Blogger in draft el servicio temporal Beta de Blogger en este link: http://draft.blogger.com/ y una vez hecho aparecerá una ventana así.

2. Te vas a la sección diseño, exáctamente en la sección Elementos de la página.
3. Buscas el widget Entradas del blog y haces clic en editar te aparecerá una ventana como esta y tendrás que marcar la sección de rating como se ve en la imagen. Luego guardas cambios.

4. Ahora si tu plantilla lo admite debería mostrarse pero como es un beta aún no se incorpora automáticamente para todas las plantillas así que vamos a tener que jugar con el código html de blogger, que es lo más interesante! :D. Ahora vayamos al link Edición de HTML en la pestaña superior de Diseño :P!

5. Activamos el check en Expandir plantillas de artilugios.
6. Buscas esta línea de código:

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

Pueden hacerlo presionando Control + F desde su navegador y copian esta línea deberían encontrarla.
7. Debajo de esa línea vamos a pegar ahora 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='180'/>
</b:if>
</span>

8. Ahora no se preocupen que faltan 2 pasos más, necesitamos ahora buscar este código:

<b:include name='nextprev'/>

.
9. Luego de esa línea de código vamos a pegar el siguiente código:

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

10. Ahora grabamos la plantilla y listo! eso era todo. Si se dan cuenta son unos pasos bien simples, buscar pegar y listo :).

Cuando vuelvan a abrir su blog tienen que dejar que cargue bien para que vean su sistema de rating :) y aparecerá en cada post de su blog ;).

Espero que esto les haya sido útil a todos gente :D saludos Bloggers!

Etiquetas de la entrada: Otros.

Deja un comentario

11 pensamientos en “Añadir rating de estrellas a nuestros post en Blogger

  1. Visitante

    No me funciono!!
    y eso me hace felizz!!

  2. Los libros de...

    Muy útil, fácil y rápido!! Te busqué en Google y a la primera he tenido la respuesta!

  3. Nerv

    Hola soy yo de nuevo :) ya lo he solucionado gracias, pero me gustaria que me dijeras como cambiarle de color porque el color default que trae no me agrada bueno espero me respondar y muchas gracias.

  4. Nerv

    Hola muy bueno si me sirvio muchas gracias, solo tengo una duda como le puedo cambiar el idioma que trae a español si pudieses contestarla estaria mas agradecido todavia pero si no pudieses no preocupes :)

  5. Jonathan

    Hola, quisiera saber si hay forma de que la valoración sea en base a 10 y no en base a 5 como el que aquí se explica, gracias de antemano por la respuesta…

  6. Visitante

    uy andaba buscando este post pero no para las estrellas sino para colocar un gif bajo las entradas

  7. Guillermo

    si no sale es porque tu plantilla no está bien diseñada para eso. :) pero en todo caso puedes buscarte buenas plantillas en btemplates.com algunas ya traen el rating ;)

  8. Julio Ramos

    Saludos, lo puse pero no me sale que sera?

  9. Visitante

    gracias por la info me ayudo bastante :)

  10. admin-atajar

    pero no es como el que tienes tu que esta en español

  11. admin-atajar

    pero no es como el que tienes tu que esta en español

Eres libre de expresar lo que desees, pero no somos responsables de ello.