Valoración de estrellas en las entradas del blog

Saber cómo califican los demás nuestras entradas es un modo muy útil para saber qué tan gratas son nuestras publicaciones y esto nos da una idea de cómo mejorar. Afortunadamente Blogger desde hace poco ha incorporado este widget a su sistema y ya está disponible para nosotros. Para habilitarlo hacemos lo siguiente, entramos en Diseño > Elementos de la página y en la esquina inferior derecha de Entradas del blog hacemos click en Editar.

Ahí marcamos la casilla Reacciones o Mostrar la evaluación de estrellas, la que más nos agrade. Si no vemos esta función repetimos los mismos pasos pero desde Blogger in Draft.

Algunas plantillas no tienen el código completo para que se muestren las estrellas de valoración, si ese es tu caso entonces entra en Diseño | Edición de HTML, marca la casilla Expandir plantillas de artilugios y busca esta línea:

<b:include name='feedLinks'/>

Justo debajo de ella agrega esto:

<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>

Ahora busca esta línea:

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

Y debajo añade 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'>
</div>
</b:if>
</span>

Con eso ya tendrás el sistema de valoración de estrellas de Blogger en tus entradas.

También hay sitios que nos ayudan a medir este rating, estos son algunos de ellos:

Outbrain es un servicio sencillo que con pocos pasos obtienes tus valoraciones de estrellas. Incluso ellos añaden el código por ti.

Categories: Gadgets