Estrellas para valorar tus entradas o posts (II)

Hace un tiempo, en esta entrada expliqué cómo poner en el blog un widget que mostraba unas estrellas que servían a los usuarios para valorar del 1 al 5 las entradas. La verdad es que no resultaba muy útil porque en lugar de insertarse bajo de cada post lo hacía dentro de la entrada, con lo cual no resultaba muy práctico. Pues bien, hace unos días descubrí un modo de insertar estas estrellas bajo de cada entrada.

En primer lugar tendreis que registraros en Spotback. Una vez registrados haceis clic en la pestaña My widgets y en New from widget gallery. Allí elegís el modelo que más os guste y haceis clic en Get it!. Ahora, si volveis a My widgets vereis que se os ha añadido a vuestra lista. Fijaos en el número que os han dado a la izquierda (ID) porque luego lo vamos a necesitar.

A continuación explicaré qué teneis que hacer para insertar ese widget en vuestro blog:

1. Accedemos a Plantilla / Edición de HTML / Expandir plantillas de artilugios. Buscamos el siguiente código:

<p class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
</p>


2. Justo a continuación pegamos lo siguiente:

<b:if cond='data:post.dateHeader'>

<script>var sb_post_date = &quot;<data:post.dateHeader/>&quot;;</script>

</b:if>

<script>var sb_url_to_rate = &quot;<data:post.url/>&quot;;</script>

<script>var sb_rated_title = &quot;<data:post.title/>&quot;;</script>

<script>try { var sb_dp = Date.parse(sb_post_date + ' ' + &quot;<data:post.timestamp/>&quot;); var sb_rated_creation = isNaN(sb_dp)? new Date() : new Date(sb_dp); } catch (e) { sb_rated_creation = new Date(); }</script>

<script src='http://spotback.com/scripts/widgets/load.js?wid=ID NUMBER' ></script>

<noscript><a alt='Rate everything widget' href='http://spotback.com'><img alt='user rating' expr:src='"http://spotback.com/images/rating.gif?q=" + data:post.url'/></a></noscript>

Donde dice ID NUMBER tendreis que pegar el número que antes os dije.
Guardamos los cambios y listo.

Si quereis que en lugar de aparecer en las entradas, aparezcan en la sidebar por si quereis que los visitantes valoren vuestro blog en general en lugar de cada entrada, sólo tendreis que seguir los siguientes pasos:

1. Accedemos a Plantilla / Elementos de la página / Añadir un elemento de página / HTML / Javascript. En la ventana que se os abre poneis el título que querais y pegais el siguiente código:

<script src='http://spotback.com/scripts/widgets/load.js?wid=ID NUMBER'></script>

Guardais los cambios y luego podeis colocar este elemento en la parte de vuestro blog que prefirais.