Mil Trucos Blogger

Ranking de estrellas de valoración en tu blog

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado
1

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.

0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado
1

70 Comentarios

  1. Abril 2, 2011    

    Este comentario ha sido eliminado por un administrador del blog.

  2. Abril 18, 2011    

    Muy útil. Voy a probarlo 😀

  3. Abril 20, 2011    

    @PlanckProbalo y vera que te va a gustar 🙂

  4. Anonymous Anonymous
    Abril 25, 2011    

    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

  5. Abril 25, 2011    

    @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 😉

  6. Abril 27, 2011    

    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

  7. Abril 27, 2011    

    @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 :-/ :-/

  8. Abril 27, 2011    

    @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

  9. Abril 28, 2011    

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

  10. Anonymous Anonymous
    Junio 19, 2011    

    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?

  11. Junio 20, 2011    

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

  12. Julio 20, 2011    

    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

  13. Julio 20, 2011    

    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.

  14. Julio 20, 2011    

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

  15. Julio 20, 2011    

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

  16. Julio 21, 2011    

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

  17. Julio 21, 2011    

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

  18. Julio 21, 2011    

    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 :((

  19. Julio 21, 2011    

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

  20. Julio 26, 2011    

    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

  21. Julio 26, 2011    

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

  22. Julio 28, 2011    

    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

  23. Julio 28, 2011    

    @Carlos Valle Que bien que lo hayas conseguido 😛

  24. Anonymous Anonymous
    Julio 31, 2011    

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

    ESPERO ME AYUDEN GRACIAS

  25. Julio 31, 2011    

    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’/>

  26. Anonymous Anonymous
    Agosto 2, 2011    

    GRCIAS DE TODOS MODOS

  27. Agosto 3, 2011    

    Anónimo ok estare para ayudarte en lo que pueda

  28. Agosto 22, 2011    

    NO ME FUNCIONA :S PORQUE SERA?

  29. Agosto 23, 2011    

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

  30. Martita Martita
    Diciembre 11, 2011    

    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

  31. Diciembre 11, 2011    

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

  32. Enero 30, 2012    

    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

  33. Enero 30, 2012    

    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.

    • Julio 30, 2012    

      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!!!

  34. Anonymous Anonymous
    Febrero 16, 2012    

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

    • Febrero 16, 2012    

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

  35. Mayo 24, 2012    

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

  36. Mayo 24, 2012    

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

    Saludos y gracias por el dato.

    • Mayo 26, 2012    

      Que bueno que te haya servido 😀

  37. Junio 8, 2012    

    Este comentario ha sido eliminado por el autor.

  38. Junio 15, 2012    

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

    • Junio 25, 2012    

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

  39. Junio 25, 2012    

    Voy a probarlo. Gracias !

    • Junio 25, 2012    

      Pruebalo Adrian de seguro te gustara 😛

  40. Julio 11, 2012    

    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.

  41. Julio 22, 2012    

    Funciona perfecto *-* Muchas gracias!!

    • Julio 25, 2012    

      Amiitha que bueno que te haya funcionado 😀

    • Octubre 13, 2012    

      Hola Juvinao… una pregunta ¿ya no funciona el script? porque de repente ya no aparecen las estrellas en mi blog 🙁

    • Octubre 13, 2012    

      Amiitha como puedes a mi tampoco me han funcionado estos dias, estuve revisando el script y al parecer todo esta bien..

      No se que puede pasar 😕 yo pienso usar un nuevo sistema de calificaciones,te lo paso por si te animas aprobarlo..

      http://www.miltrucosblogger.info/2012/03/agrega-un-sistema-de-calificaciones-tu.html

  42. Agosto 1, 2012    

    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.

    • Agosto 2, 2012    

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

  43. Agosto 2, 2012    

    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

    • Agosto 3, 2012    

      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.

  44. Agosto 3, 2012    

    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

    • Agosto 5, 2012    

      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

  45. Agosto 15, 2012    

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

    • Agosto 15, 2012    

      De nada Naci-chan gracias a ti por comentar 😎

  46. Septiembre 17, 2012    

    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!

    • Septiembre 18, 2012    

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

      div style=’float:left;

      Donde dice left cambia por right y listo.

  47. Septiembre 18, 2012    

    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!

    • Septiembre 19, 2012    

      Salete prueba modificando los valores en pixeles de:

      margin-right:3px

    • Septiembre 19, 2012    

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

    • Septiembre 20, 2012    

      Saleta pruebalo y me cuentas si te funciono.

    • Septiembre 22, 2012    

      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!

    • Septiembre 22, 2012    

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

  48. Septiembre 19, 2012    

    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/

    • Septiembre 19, 2012    

      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 🙁

  49. Noviembre 9, 2012    

    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

  50. Noviembre 17, 2012    

    no me sale

Deja un comentario

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

Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo