Poner vaaloració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 y en la esquina inferior derecha deEntradas del blog hacemos click en Editar.

Ahí marcamos la casilla Mostrar la evaluación de estrellas. 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 Plantilla | 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 (es posible que la tengas dos veces, si así fuera prueba en ambas):

<div class='post-footer'>

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.

Categories: Entradas, Gadgets, Herramientas