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 
pero como saben que tanto les importa el post a sus lectores !. 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 !
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! 
. Ahora vayamos al link Edición de HTML en la pestaña superior de Diseño !
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 saludos Bloggers!
Comentarios
