Ranking de cada post de blogger (estrellas)

Hace poco blogger por fin añadio la opción de poder calificar cada uno de los post de blogger. Para ello simplemente tendrás que entrar en la pestaña diseño, y en editar Entradas del blog seleccionar la opción:




El problema es que en algunas plantillas no está añadido el código necesario para mostrar el ranking por lo que tendremos que añadirlo nosotros mismo. Para ello vamos a editar plantilla, expandimos artilugios y buscamos la etiqueta <b:include name='feedLinks'/>. Justo debajo pegamos 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.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>


Una vez realizado este paso tendremos que colocar el ranking donde deseamos que se muestre. Podéis colocarlo debajo de cualquiera de estas tres etiquetas según vuestra preferencia:

class="post-footer-line post-footer-line-1">
class="post-footer-line post-footer-line-2">
class="post-footer-line post-footer-line-3">

El código que debeis pegar justo debajo de la etiqueta que hayáis elegido es el siguiente:


<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'>
</div>
</b:if>
</span>



Una vez realizado este paso, damos a vista previa y si todo se muestra correctamente guardamos la plantilla. De esta manera vuestros visitantes podrán calificar cada uno de vuestros post y saber cuales gustan más que otros.

También te puede interesar:

Calificar los post de tu blog