-->

miércoles, 6 de junio de 2007

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.

18 comentarios:

Curroide dijo...

Tenías razón con lo de las etiquetas, cuantas más había, más se desplazaba la línea de redes sociales. Ahora he cambiado las tags y las he puesto después de dicha línea, así no hay problemas, y además he quitado las de Technorati. Muchas gracias! ^^

melanista dijo...

No hay de qué, para eso estamos :)

Superichy dijo...

Efecinco... Negri, no me darías una mano?

Gracias, un beso argentino,
Richy

JRN CURICO dijo...

holas te kiero agradeser bkn me sirvio kaleta ejale y eso p

THK!!!!!

http://montoyax.blogspot.com/

Goethemola dijo...

Buenas.
Tengo una duda, a ver si me podeis ayudar: he ingresado en Spotback y he copiado el código (no el de esta web, si no el que ellos me han dado), y el rating funciona bien en la página principal, pero si voy a las páginas anteriores, no aparece. En cambio, sí lo hace si selecciono un post antiguo.

¿Qué es lo que puede estar fallando?

Gracias!!!

Zelluloids dijo...

se agradece, buena explicación

Anónimo dijo...

Muchas gracias desde argentina

Azahar dijo...

Muchas gracias, ahora tengo las estrellitas para que todo el que quiera valore los posts de mis blogs.

Espero que os paseis por ellos para que veais que monos que quedan!!

http://literaturaporyparatodos.blogspot.com
http://cineporyparatodos.blogspot.com

Vromo dijo...

Gracias por el tip

Bradinsky dijo...

Muchisimas gracias amigo por la expllicacion, me sirvio de mucho

GRACIAS.

verusska dijo...

Holitas muchas gracias por tu ayudadita, gracias por compartir, me ha servido de mucho. ahora se vé mas bonito mi blog gracias a ti.. un afectuoso saludo.
verusska.

Oscar Annelo Oscanova Cruz dijo...

exelente buen trabajo visita mi blog www.you-inspiration.blogspot.com ¡ les sera de gran aiuda. saludos.

jaumefv dijo...
Este comentario ha sido eliminado por el autor.
jaumefv dijo...

muchas gracias. me ha servido y ya lo he puesto en mi blog.

EL TERRY dijo...

hola yo use tu codigo pero quie siera incluirlo abajo de cada video tedejo mi blog http://losbigterrys.blogspot.com

espero respuesta

Madness Films dijo...

Hola. Hat alguna manera de personalizar el ranking?? Un saludo!!

pato dijo...

y si quiero ponerlo dentro de la entrada como por ejemplo para que voten entre dos fotos que estan en una misma entrada como seria

Anónimo dijo...

Muchas gracias! Ha sido de gran ayuda. Por fin un blog donde se habla CLARO.

 
Copyright © 2007 | Diseñado por BlogyWeb