Algo admirado por muchos bloggers son las típicas estrellas de valoración que un gran número de sitios web poseen al final de sus artículos, vídeos o imágenes.

Es sin duda un artilugio muy atractivo que permite a los lectores de un espacio dar su opinión sobre el contenido publicado.

Diseño>Edición de HTML>expandimos artilugios

Busca la etiqueta <data:post.body/> en tu plantilla y justo debajo añade lo siguiente:

<div style='float:left; margin-right:3px;'/>
<div class='js-kit-rating' expr:path='data:post.url' expr:permalink='data:post.url' expr:title='data:post.title'>
</div>

De esta forma, las estrellas aparecerán en todo momento al pie de tus artículos.

Si prefieres mostrar las estrellas justo debajo del título de tus posts, añade el código bajo esta otra línea:

<div class='post-header-line-1'/>

Para hacer que únicamente se vean al abrir una entrada individualmente utiliza este otro código (en lugar del primero):

<b:if cond='data:blog.pageType == "item"'>
<div style='float:left; margin-right:3px;'/>
<div class='js-kit-rating' expr:path='data:post.url' expr:permalink='data:post.url' expr:title='data:post.title'>
</div>
</b:if>

Ahora encuentra la etiqueta </body> y encima agrega este bloque:

<script src='https://sites.google.com/site/miltrucosblogger/script/EstrellasValoracionMiltrucosBlogger.js'/>

Guarda la plantilla para terminar.


70 comentarios

Jaime Trujillo Escobedo · abril 2, 2011 a las 12:18 pm

Este comentario ha sido eliminado por un administrador del blog.

Planck · abril 18, 2011 a las 5:10 pm

Muy útil. Voy a probarlo 😀

Juvinao · abril 20, 2011 a las 3:19 pm

@PlanckProbalo y vera que te va a gustar 🙂

Anonymous · abril 25, 2011 a las 2:58 am

hola me gusto ese post lo prove en mi plantilla no me sale la valoracion de extrellas este es mi blog

http://www.wwemexico.co.cc/

nose que problema sea,HORA LO CURIOSO ES QUE ES LA MISMA PLANTILLA PERO EN UN BLOG DE PRUEVAS ES ESTE http://blogdpruevas2010.blogspot.com/
SI TE FIJAS HAY SI A PARECEN LAS EXTRELLAS NOSE POR QUE EN EL BLOG PRINCIPAL NO A PARESERAN BUENO AVER SI ME PUEDES AYUDAR SALUDOS Y BUEN BLOG DE AYUDA

Juvinao · abril 25, 2011 a las 1:35 pm

@Anónimo Amigo pues estuve revisando tu blog y no veo la razon de que no te funcionen te sugiero que pongas las estrellas solo en las entradas del blog y vuelve a repetir los pasos y dime como te fue,aloje el script en Google Site asi que ahora debe funcionar 😉

Gerardo Anaya · abril 27, 2011 a las 4:00 pm

Hola amigo soy el dueño de
http://www.wwemexico.co.cc/
si me funciono el codigo de la valoracion de extrellas el problema era
https://sites.google.com/site/miltrucosblogger/script/EstrellasValoracionMiltrucosBlogger.js
yo mismo lo subi ami hostin funciono alaperfecion de todos modos gracias amigo desde ahce cuando estava buscando la valoracion de extrellas por fin lo en contre saludos y buen post

Juvinao · abril 27, 2011 a las 4:16 pm

@Gerardo Anaya Que bueno que te haya servido pero raro si yo tengo el script alojado en Google Site y lo aplique en mi blog de pruebas y funciona muy bien :-/ :-/

Gerardo Anaya · abril 27, 2011 a las 5:37 pm

@Juvinao pues tanvien se me hacia raro ami por que como te comente anterior mente era la misma plantilla pero un un blog de pruevas con tu archivo .js si funcionava pero al pasar la plantilla al blog ya no mostrava nada de extrellas nose por que lo que hise fue cambiar el url por el mio y pues como ves ya funciono xd te manda un saludo estare al pendiente de las nuevas publicaciones

Juvinao · abril 28, 2011 a las 12:36 am

@Gerardo Anaya Gracias pro pasarte por el blog y ya sabes ante cualquier duda que tengas no dudes en preguntar 😉

Anonymous · junio 19, 2011 a las 11:09 am

Hola! Sabeis si se pueden ordenar de alguna forma los posts (los videos) para que salgan los primeros los videos mas vistos o los más votados con las estrellas?

Juvinao · junio 20, 2011 a las 12:51 am

@Anónimo Bueno depronto puede existir una forma voy a investigar un poco en el asunto a ver que puedo hacer.

Carlos Valle · julio 20, 2011 a las 2:00 am

Hola… he insertado los códigos y no me sale la valoración de las estrellas, mi blog es: wwww.semanasantadebaza.com ¿qué puede fallar? ¿los marcos de las entradas? … un abrazo.

Me pueden contestar en carlos5vp@hotmail.com

Gracias

marga · julio 20, 2011 a las 11:52 am

Hooooola
tengo en mi blog aparecen las estrellas y se pueden pulsar, pero luego no las contabiliza, no sé el porqué.
Anteriormente si se podia
Puedes ayudarme a encontrar una solución.
Muchas gracias, por todo.

Juvinao · julio 20, 2011 a las 2:43 pm

@marga Voy a revisar bien el script de las estrellas,y luego te comento cual fue el error 🙂

Juvinao · julio 20, 2011 a las 2:46 pm

@Carlos Valle Tu blog no me abre,aparece como que no existe 🙁

marga · julio 21, 2011 a las 7:28 am

gracias, la verdad es que estoy perdida y ya no sé que hacer mira, este es el blog
280ypunto.blogspot.com
Gracias

Juvinao · julio 21, 2011 a las 2:27 pm

@marga Revise tu blog y tienes activado varias sistemas de estrellas,lo que debes hacer es elegir con cual te quedas,Saludos 🙂

marga · julio 21, 2011 a las 7:10 pm

siento ser tan torpe, pero lo único que se me ha ocurrido hacer es quitar valoración por estrellas (diseño-configurar entradas) y sigue sin funcionar, la verdad no sé hacer más.
Muchisimas gracias por atención también a los inútiles como yo :((

Juvinao · julio 21, 2011 a las 7:50 pm

@marga No te des tan duro,todos cometemos errores voy a verificar cual es el problema y mas luego te comento 😐

Carlos Valle · julio 26, 2011 a las 6:10 pm

estimado amigo gracias tenía un problema en mi blog, que ha lo he solucionado. Por eso no se podría abrir. Ahoro si que puedo insertar las estrellas, mi pregunta es la siguiente: cómo ponerlas justo delante del título.Este código lo he insertado después de: div class=’post-header’ pero las estrellas salen debajo del título, yo lo quiero justamente delante del título. Muchas graciasssssssss

Juvinao · julio 26, 2011 a las 7:17 pm

@Carlos Valle Dejame un poco de tiempos y te busco el codigo para que lo pongas donde quieras ok,gracias por comentar 🙂

Carlos Valle · julio 28, 2011 a las 12:39 am

Creo que ya lo he conseguido investigando un poco, este es el código quehe buscado:

div style=’float: left; margin: 0 1px;padding: 0 10px;height: 50px; line-height: 40px;’
script src=’http://apis.google.com/js/plusone.js’ type=’text/javascript’/
g:plusone expr:href=’data:post.url’ size=’tall’/
/div

Gracias

Juvinao · julio 28, 2011 a las 3:19 pm

@Carlos Valle Que bien que lo hayas conseguido 😛

Anonymous · julio 31, 2011 a las 8:58 pm

HOLA MUY BUEN BLOG KERIA HACERLES UNA PREGUNTA KOMO PODRIA PONER LAS ESTRELLAS A UN LADO DEL TITULO DEL POST

ESPERO ME AYUDEN GRACIAS

Juvinao · julio 31, 2011 a las 10:03 pm

Anónimo Pues tecnicamente no se puede pero puedes ponerlas debajo del titulo añadiendo el codigo debajo de la siguiente etiqueta…

<div class=’post-header-line-1’/>

Anonymous · agosto 2, 2011 a las 9:12 pm

GRCIAS DE TODOS MODOS

Juvinao · agosto 3, 2011 a las 2:57 pm

Anónimo ok estare para ayudarte en lo que pueda

Comparte Videos · agosto 22, 2011 a las 7:59 pm

NO ME FUNCIONA :S PORQUE SERA?

Juvinao · agosto 23, 2011 a las 3:14 am

Comparte Videos el script a veces genera problemas con algunas plantillas,tal vez puede ser eso pero el script funciona muy bien

Martita · diciembre 11, 2011 a las 11:11 am

Muchas gracias !!! Llevaba semanas buscando esto sin éxito. Lo he colocado en un gadget lateral en el que escribo un consejo cada dia y ha quedado genial. Ahora la gente ya puede votar la frase cuando les haga reir, les haga pensar, etc. Gran aporte, además en castellano !!! Un saludo

Juvinao · diciembre 11, 2011 a las 7:48 pm

Martita me da mucho gusto que te sea util el truco,Saludos

JordanyPippen · enero 30, 2012 a las 9:55 am

Hola muy interesante esta pagina!!!
podrías echarme un cable???
He comprado el dominio para mi blog que ahora es http://www.jordanypippen.com
y al comprarlo las valoraciones de estrellas en las entradas han dejado de aparecer, si entro con la dirección antigua, es decir, la del blog si aparecen, pero con la .com no
Hay alguna solución???
Gracias

Juvinao · enero 30, 2012 a las 5:12 pm

JordanyPippen lo que pasa es que el script esta alojado en Google Sites y esta comprobado que Google Sites no es compatible con los dominios personalizados por lo que te recomiendo que descargues el script y lo alojes en Dropbox.

    JordanyPippen · julio 30, 2012 a las 3:18 pm

    Hola amigo!!! podrías guiarme un poco con el tema de subir el script y luego que tendría que cambiar en mi codigo para que las estrellas funcionasen… gracias!!!

Anonymous · febrero 16, 2012 a las 9:22 pm

pues ami en miblog si k me va y poniendolo a la primera
http://funsongfm.blogspot.com/
gracias juavinao

    Juvinao · febrero 16, 2012 a las 9:35 pm

    Gracias amigo por comentar y las estrellas se ven muy bien en tu blog 😀

Blogs de anime · mayo 24, 2012 a las 10:39 pm

No me sale dentro de la entrada, sino afuera, en el listado de todas las entradas.

Blogs de anime · mayo 24, 2012 a las 10:44 pm

Ya resolví, es que hay 4 etiquetas en la plantilla, probé poniendo el código debajo de otra.

Saludos y gracias por el dato.

AtaSystem · junio 8, 2012 a las 11:14 pm

Este comentario ha sido eliminado por el autor.

boss · junio 15, 2012 a las 7:37 am

lo intenté y no me funciono… que hice mal?

    Juvinao · junio 25, 2012 a las 2:54 pm

    No se que habras hecho mal porque el script funciona muy bien.

Adrian · junio 25, 2012 a las 7:15 am

Voy a probarlo. Gracias !

    Juvinao · junio 25, 2012 a las 2:53 pm

    Pruebalo Adrian de seguro te gustara 😛

crimi sanchez · julio 11, 2012 a las 10:19 am

Hola, lo he intentado poner en una web en php y no ha funcionado.
(juegos-juegos-gratis.net)
Tengo el mismo pero en ingles, me gustaria colocar este pero creo que necesito un codigo generico (me refiero al codigo de las estrellas).
Serias tan amable y facilitarme el codigo?
Gracias.

Amiitha · julio 22, 2012 a las 5:08 pm

Funciona perfecto *-* Muchas gracias!!

PEGAMA · agosto 1, 2012 a las 2:02 am

Hola antes que nada gracias por este tip, pero no me funciono ya lei todos los comentarios y nada, subi el archivo .js a un servidor host y nada nada mas no aparecen, muchas gracias de todas maneras.

    Juvinao · agosto 2, 2012 a las 2:01 am

    Deja la URL de tu blog para determinar cual es el problema en tu blog.

Josep López · agosto 2, 2012 a las 9:56 am

Hola, hay algun gadget o código para poner en el blog para que me salgan las entradas más valoradas o las mejor valoradas?
Saludos

    Juvinao · agosto 3, 2012 a las 12:40 am

    Josep no hay tal gadget pero en el lugar donde aparecen las estrellas hay una «i» y dando click en ella puedes ver las entradas mas votadas y las mas populares.

PEGAMA · agosto 3, 2012 a las 10:48 pm

mira el blog en donde queria poner esto es el siguiente ya prove que muchos sistemas de valoracion similares a este y de otro estilo lo que llegado a la conclusion es que el problema es la plantilla del blog [Template]

http://relatos-de-eunucos.blogspot.mx

    Juvinao · agosto 5, 2012 a las 2:56 am

    Mira talvez no sea la plantilla sino el hosting que uso para el script, te recomiendo que descargues el script y lo subas a Dropbox para que te funciones

Nani-chan · agosto 15, 2012 a las 5:12 am

Muchisimas graaacias! infinitamente *–*
me sirvió mucho (:

    Juvinao · agosto 15, 2012 a las 7:43 pm

    De nada Naci-chan gracias a ti por comentar 😎

Saleta Gómez · septiembre 17, 2012 a las 9:37 pm

Tan bueno como siempre Juvinao, ya lo puse en mi blog y quedó genial B)! GRACIAS por compartirlo! Tengo una preguntilla de estética. Si te fijas debajo de los post tengo lo de me gusta con Facebook, Twitter y Google+ y estaría guay poner las estrellitas de votación a continuación o tal cuál está pero a la derecha, sería posible?
Un saludo y gracias de antemano!

    Juvinao · septiembre 18, 2012 a las 4:09 pm

    Saleta par agregar las estretllas a la derecha cambia la siguente parte:

    div style=’float:left;

    Donde dice left cambia por right y listo.

Saleta Gómez · septiembre 18, 2012 a las 8:42 pm

Si eso ya lo probé y nada… ¿puede ser que sea porque la información del post la puse debajo del título del post? Bueno no te preocupes, la idea era poner el Ranking de estrallas en línea con el «Me gusta» de Facebook pero si no es posible mejor lo dejo así. Te dejo mi blog por si puedes echarle un vistazo: the-english-room.blogspot.com
Gracias Juvinao!
Un saludo!

    Juvinao · septiembre 19, 2012 a las 4:39 pm

    Salete prueba modificando los valores en pixeles de:

    margin-right:3px

    Saleta Gómez · septiembre 19, 2012 a las 9:06 pm

    Gracias por tu atención Juvinao, lo probaré a ver si lo puedo mover!
    Un saludo!
    Sale

    Juvinao · septiembre 20, 2012 a las 1:19 am

    Saleta pruebalo y me cuentas si te funciono.

    Saleta Gómez · septiembre 22, 2012 a las 5:24 pm

    Hola Juvinao, qué tal? Cómo prometí contarte si al final me funcionaba pues te cuento: Probé todas las combinaciones posibles (con los valores en píxeles y con los otros) y las estrellitas siguieron sin moverse, sólo las muevo de arriba a bajo cambiando los códigos de sitio pero bueno pensándolo bien, ahí quedan bien también, no? Mira: the-english-room.blogspot.com. Millones de gracias por preocuparte Juvinao.
    Un saludo!

    Juvinao · septiembre 22, 2012 a las 7:47 pm

    Saleta la verdad que se ven muy bien en tu blog :P,Excelente blog el tuyo saludos 😎

Leolux · septiembre 19, 2012 a las 9:16 am

Hola Juvinao!
Gracias por tus aportes y ayudas al mundo blogger.
Hace ya bastante tiempo que tengo puesto el sistema de valoración con estrellas, pero hace varios meses repentinamente se resetearon las valoraciones y se pusieron a cero. Decidi pues descargar el archivo js y alojarlo personalmente, funciona correctamente, pero las valoraciones no han vuelto, sólo las puedo ver cuando pongo desde la plantilla html la «vista previa» del blog.
Tengo entendido que el archivo js en sí, no almacena datos. ¿Dónde se almacena la info de las valoraciones?¿Por qué puedo verlas en la vista previa y no al entrar de modo normal al blog?

Agradecería que me echaras un cable.
Un saludo y muchas gracias!

Este es mi blog: http://leolux2.blogspot.com.es/

    Juvinao · septiembre 19, 2012 a las 4:16 pm

    Leolux los datos almacenados llegan a un limite y luego se reinician,esto no estuviera pasando si los datos se almacenaran en una base de datos pero en Blogger no tenemos acceso a dichas bases de datos.

    Toca resignarnos 🙁

Maria · noviembre 9, 2012 a las 12:15 pm

Hola, queria preguntarte un par de cosillas, lo primero he intentado poner las estrellas en mi blog pero no me salen, uso blogger, y lo segundo es si conoces algún lugar donde yo pueda diseñar el iconito, te explico, tengo un blog de cocina, y en lugar de estrellas me gustaria que fueran gorritos de cocina, o tenedores o algo relacionado.
Gracias por tu atención. Un saludo

Victoria Perez · noviembre 17, 2012 a las 12:01 pm

no me sale

Responder a Juvinao Cancelar la respuesta

Marcador de posición del avatar

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *