Valoración de estrellas en las entradas del blog

5 de marzo de 2009 307 comentarios ,
Valoración de estrellasSaber 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 de Entradas 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.

Rating
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, 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.

También hay sitios que nos ayudan a medir este rating, estos son algunos de ellos:

Spotback, nos ofrece tres diseños de valoración de estrellas, pero además podemos escoger entre decenas de diseños creados por los usuarios. Este servicio de rating es el más usado por los bloggeros así que no estaría de más que lo prueben.

MajikWidget, es un servicio de widgets para blogs, ya sea que agreguen una encuesta o la valoración con estrellas. Requiere registrarse y la cuenta gratis nos permite generar hasta 25 códigos.

Outbrain es un servicio sencillo que con pocos pasos obtienes tus valoraciones de estrellas. Incluso ellos añaden el código por ti.

JS-Kit es bastante completo, podemos elegir el diseño clásico, el combinado, cambiar el color de las estrellas, e incluso usar nuestras propias imágenes.


307 comentarios en:

" Valoración de estrellas en las entradas del blog "

  1. Hola

    Oye a Mi no me aparece eso de las estrellas me gustaria mucho.

    Gracias por Adelantado

    Un Saludo; RR_Guante

    ResponderEliminar
  2. Hola RR_Guante,
    No todas las plantillas tienen habilitada esta herramienta. ¿Ya probaste hacerlo desde Blogger in Draft? Si no puedes habilitarlo desde ahí, entonces entra al link donde Rosa explica cómo agregar el código para que funcione.
    Saludos.

    ResponderEliminar
    Respuestas
    1. Ya no está el link porque la entrada la actualicé, ahora esa explicación está en esta misma entrada.

      Eliminar
  3. Mmm si entre de las 2 formas desde Blogger draft y no me sirvio...luego lo hice con el link que pusist y pues funcionó a la perfección...excelente la pagina,siempre que busco algo para mi blog, me tira aqui y siempre encuentro lo que busco. ,. .

    ResponderEliminar
  4. Mmm si entre de las 2 formas desde Blogger draft y no me sirvio...luego lo hice con el link que pusist y pues funcionó a la perfección...excelente la pagina,siempre que busco algo para mi blog, me tira aqui y siempre encuentro lo que busco. ,. .

    ResponderEliminar
  5. Hola Jankü, qué gusto que encuentres aquí lo que buscas.
    Un saludo!

    ResponderEliminar
  6. No lo pude poner tan facil por la platilla, pero me encanto el servicio con OutBrain, fue muy facil y lo instalaron por mi, quedo genial, como vas viendo mi Blog potro? TODO el contenido te lo debo a ti, tu blog mas tiempo y dedicación consigue asombrosos resultados!

    www.juankavia.blogspot.com

    ResponderEliminar
  7. Te está quedando bastante bien, creo que todos los elementos que tienes son adecuados para la temática de tu blog.

    Saludos y éxito con el blog!

    ResponderEliminar
  8. Guauuuu que pagina mas genial todo esta super kool los invito a mi blog

    www.pensamientomoderno.tk

    http://pensamiento-moderno.blogspot.com/

    Saludos desde Colombia

    ResponderEliminar
  9. Saludos desde Venezuela !!!
    Mi duda respecto a ésta aplicación es si puedo implementarla pero para que aparezca en ciertas entradas, es decir, no quiero que aparezcan las estrellas para que califiquen todas las entradas si no en algunas que yo escoja, se puede??
    Mi blog es http://soundsofrock1.blogspot.com

    ResponderEliminar
  10. No Alexander, se aplica a todas las entradas del blog.
    Saludos!

    ResponderEliminar
  11. Gracias por responder El Potro, estuve viendo Spotback y me gusta pero el foro de soporte esta en ingles y yo de ingles sé lo que un politico de honestidad así que tengo dudas en cómo pegar el código que me dan en el blog, es decir, si me puedes ayudar en eso te lo agradecería...
    Saludos desde Venezuela...
    Mi blog es http://soundsofrock1.blogspot.com

    ResponderEliminar
  12. Sólo pega el código que dice que es para Blogger debajo de:
    <div class='post-meta'>

    Saludos!

    ResponderEliminar
  13. Fui a la página de Rosa, genial el dato. Tu página también está bárbara para descubrir herramientas que nos ayuden a mejorar nuestros blog. Muchas gracias, feliz 2010
    Giselle.-

    Mi blog sobre noticias de Trelew, Chubut: www.llegaronlosindios.com

    ResponderEliminar
  14. Muchas gracias Giselle, también te deseo un feliz inicio de año ;)

    ResponderEliminar
  15. tengo una duda como hago para quitarle el fondo por que ya estuve dando vueltas por mi plantilla y no encuentro la forma

    ResponderEliminar
  16. Hola Clan Russo,

    Te dejo un enlace donde JMiur explica cómo pero no siempre da buenos resultados:
    http://vagabundia.blogspot.com/2008/06/blogger-fenix-el-rating-de-estrellitas.html

    Saludos.

    ResponderEliminar
  17. muchas gracias El Potro veoque estas unido a la campaña de Review por review yo tambien ya estoy unido (al menos eso creo :D) pero no se si alguien me tiene que reponder

    ResponderEliminar
  18. Sí, Cyberbloggero se deberá poner en contacto contigo, pero seguro debe estar ocupado con la escuela, no desesperes ;)

    ResponderEliminar
  19. hermano ayudame xfa no puedo registrarme a la pagina: http://spotback.com/register no se q pasa esos codigos de numeros no jalan no se si este mal o q pero spero sepas algo grax

    ResponderEliminar
  20. cocke69, desconozco si tengan algún problema con su servicio, te recomiendo que lo intentes más tarde.

    Saludos.

    ResponderEliminar
  21. Hola El potro:
    Como siempre resolviendonos las dudas a todos los bloggeros.
    Una pregunta, yo quiero poner una escala así de estrellas o algo parecido pero con una recomendación o clasificación mía en cada entrada; ¿conoces alguna manera en que yo la pueda poner y así mismo manipularla?
    De antemano gracias.

    ResponderEliminar
  22. Dudo mucho que se pueda hacer, generalmente estos son scripts que son programados por los desarrolladores y que no son configurables.
    Al menos yo no conozco uno que se pueda manipular de esa forma.

    Saludos.

    ResponderEliminar
  23. Muchas gracias "El potro" no hay problema,trataré de arreglármelas de otra manera. Hasta luego.

    ResponderEliminar
  24. esta genial la pagina me a ayudado mucho

    ResponderEliminar
  25. Hola amigo, gracias por tu ayuda acerca de las votaciones... he visto tu blog desde hace mucho que no termina de cargar???

    a que se debe?

    ResponderEliminar
  26. No lo sé, a mí me carga normal, quizá sea tu conexión o tal vez sea temporal, de por sí algunas veces el servidor de Blogger es más tardado que otras veces.

    ResponderEliminar
  27. Muy bueno Potro como siempre..!!jajaj he vuelto!
    Pero te tengo en mi blog si te fijas a la derecha en la mitad de pagina como agradecimiento..

    ResponderEliminar
  28. capooo!


    muchas gracias por todos los consejos...
    quedo muy bueno un blog que arme para mi carrera espero que la veas y comentes que te parece, gracias


    www.carrerademantenimiento.blogspot.com

    ResponderEliminar
  29. Qué bueno que te ha quedado como lo querías :)
    ¡Saludos!

    ResponderEliminar
  30. He podido activar la evaluacion de las estrellas, desde el Blogger Draft, pero no lo veo en las entradas.
    Me sale solo esto http://ballslinedance.blogspot.com/2010/08/bco-baby-come-on.html

    Que hago mal?
    Gracias
    Eva

    ResponderEliminar
  31. Entonces sigue el enlace de Rosa que está en la entrada.

    ResponderEliminar
  32. No hay manera, ni con el enlace de Rosa.
    He probado de activar el apartado "Reacciones: Muy bueno, bueno...." y tampoco me aparece. Ya no se donde mas buscar. Que me aconsejas?

    Otra duda, si quiero cambiar la plantilla por otra me mantendra todos los cambios que he hecho en Edicion HTML, o se estropeara todo?

    Gracias
    Eva

    ResponderEliminar
  33. Pues podrías probar con alguna de las opciones que se mencionan en la entrada, no serían de Blogger pero quizá esas te funcionen.

    Si cambias de plantilla perderás los cambios de la otra dado que es una nueva plantilla.

    ResponderEliminar
  34. y si quiero ponerla pero dentro de una entrada como para una encuesta o asi de dos imagenes

    ResponderEliminar
  35. Me parece que ninguno de estos servicios lo permiten pero puedes probar a ver si ya es posible o si alguno de ellos ha agregado alguna opción para ello.

    ResponderEliminar
  36. Buenas Potro, como veras en mi blog tengo puesta una puntuacion del 1 al 19 en el apartado de reacciones, seria posible haver algo para que saliese una media de esas puntuaciones, un saludo y gracias

    http://jmgvideosycaps.blogspot.com/

    ResponderEliminar
  37. Lamentablemente no tienen esas opciones de promediar las valoraciones :\

    ResponderEliminar
  38. Mira tengo un problema al poner lo de las estrellas con la pagina que ella las coloca tengo el problema que tambien a parece algo que dice que nuestros visitantes tambien disfrutaron de y parecen imagenes de otros post se puede quitar eso?.

    ResponderEliminar
  39. Eso es parte del script y no hay manera de quitarlo pues lo maneja directamente el sitio que provee el servicio.

    ResponderEliminar
  40. Hola Potro! Ya me he registrado en spotback.com pero no se donde debo pegar en código, ni como hacerlo. Me podrias ayudar¿?

    Gracias

    ResponderEliminar
  41. Se me olvidabe decir que me gustaria ponerlo en una página solamente.
    Si eso no es posible tambien lo he creado con Outbrain pero no me gusta por qué esta en ingles, ya añade una opcion con los posts más votados. Si esa opcion es más fácil, como podría configurarlo¿?

    Gracias de nuevo.

    ResponderEliminar
  42. Hasta donde sé ningún servicio permite que sólo se muestre en una sola entrada, en esos casos es mejor usar una encuesta que puedas pegar dentro de la entrada, en Polldaddy.com puedes hacerte de una.
    En el caso de Outback después de elegir qué tipo de estrellas quieres te dará varios códigos, copia el que dice que 'Code for new blogger' luego en tu plantilla expande los artilugios y pega el código debajo de:
    <div class='post-footer-line post-footer-line-1'>

    Saludos.

    ResponderEliminar
  43. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  44. He creado una encuesta en Polldaddy.com, y me parece la mejor opcion, pero creo no me gusta como queda porque para verla completa tienes que moverla con las barras laterares y las de abajo, cuando queda muchisimo espacion en blanco debajo de la encuesta y añade publicidad. Es posible cambiarlo¿? Mira como queda por favor http://estelapuk.blogspot.com/p/mis-creaciones-p.html
    Muchas gracias!

    ResponderEliminar
  45. Lo que pasa es que la encuesta que creaste sí es un poco más grande que el ancho de tus entradas y es por eso que aparecen las barras, para que pueda ser vista completa.
    La publicidad no sé si sea posible eliminarla puesto que es un servicio gratuito y es normal que esos enlaces aparezcan.

    Lo único que se me ocurre es que la hagas de nuevo y verifiques las medidas de la encuesta para que esta no sea tan grande.

    Saludos.

    ResponderEliminar
  46. potro, te hago una consulta, quiero cambiar de lugar cuando pasas de pagina en las entradas, te diste cuenta q es "Entradas antiguas" y luego "entradas recientes", quiero cambiar eso de lugar, osea, poner primero entradas recientes y luego entradas antiguas, y saber si se puede cambiar el texto por una imagen, disculpa q no va aca la pregunta, no encuentro el tema

    ResponderEliminar
  47. Hola caracido,

    Para cambiar el lugar de esos enlaces busca esta parte:
    .blog-pager {

    Justo arriba agrega esto:
    #blog-pager-newer-link {
    float: right;
    }

    #blog-pager-older-link {
    float: left;
    }


    Para saber cómo personalizar esos enlaces mira esta entrada.

    ResponderEliminar
  48. potro, la verdad que lo tuyo es increible, muchisimas gracias...una cosa mas, no se si sera muy complicado de hacer... quiero sacar el texto que dice "Pagina Principal" y reemplazarlo con una imagen que lleva a una entrada al azar... ( el codigo con la imagen para entrada al azar ya lo tengo armado, quiero saber como ponerlo en lugar de "Pagina Principal"), si se puede hacer me salvarias la vida por completo...desde ya gracias potro.

    ResponderEliminar
  49. Pues no estoy seguro si algún script en esa área pueda funcionar, pero igual puedes intentarlo.
    En en enlace que te referí para personalizar los enlaces también se muestran los códigos a los que pertenecen, sólo sería cuestión de identificar el código que corresponde a esa área y cambiarlo por el que quieres para ver si el script es capaz de trabajar ahí.

    Saludos.

    ResponderEliminar
  50. encontre el code creo, pero no se q es lo q tendria q reemplazar

    ResponderEliminar
  51. Todo ese código que le corresponde es el que se debería cambiar, o sea este:

    <b:if cond='data:blog.homepageUrl != data:blog.url'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    <b:else/>
    <b:if cond='data:newerPageUrl'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    </b:if>
    </b:if>

    ResponderEliminar
  52. no tengo esas lineas como ls tenes vos en ningun lado del blog, de ultima pruebo algo parecido

    ResponderEliminar
  53. no, no se como hacerlo, bueno, lo dejo asi, una lastima :(

    ResponderEliminar
  54. Busca esta línea para que te guíes e identifiques lo demás:
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

    De cualquier modo antes haz un respaldo de tu plantilla por si no saliera bien.

    ResponderEliminar
  55. igual q tendria q hacer, reemplazar q cosa?, ese es mi problema, no se que tendria q reemplazar

    ResponderEliminar
  56. El código que te mencioné en el comentario #58 o el código que encuentres parecido a ese. Pero será mejor que preguntes en la entrada donde has visto el script para saber primero si funcionará ese script en esa área para que así no batalles en vano.

    ResponderEliminar
  57. Potro necesito tu ayuda, utilice el codigo de Rosa para poner las estrellas y modifique el ancho y alto para que no aparezcan las barras, pero sin embargo tiene un fondo blanco, y nose como sacarlo intente poniendole el allowTransparency="true" o en Backgroundcolor=#ffffff nose me pudes ayudar? Quiero ponerle un fondo transparente.

    ResponderEliminar
  58. Hola het,

    Mira el comentario #20, ahí hay un enlace donde explican cómo hacerlo.
    Saludos.

    ResponderEliminar
  59. No me sirve, lo que pasa es que cuando pongo en Backgroundcolor=transparent. Y guardo plantilla es como si no hubiera nada
    Solo la cabecera aparece.

    ResponderEliminar
  60. El transparent no funciona en todos los elementos como es el caso de este gadget, sólo puedes aplicarle un color hexadecimal.

    ResponderEliminar
  61. Y auque sea le puedo poner bordes?

    ResponderEliminar
  62. Ahí en ese enlace que te referí se explica todo eso sobre otros estilos que se puede dar encerrando el código entre:
    <span class='star-ratings' style='display: block;margin: 30px 20px;border:2px solid #FF00FF;'>

    y

    <span>

    ResponderEliminar
  63. Gracias igual nose porque no funciona. No importa puse un fondo blanco en la plantilla...Que bien :)

    ResponderEliminar
  64. Hola Potro

    He estado haciendo esta prueba y he tratado por todos los medios descritos en el blog y en las recomendacioens que das y no he logrado
    1. Fuí a al blogger in draft y lo activé...el resultado...nada
    2. Seguí tu enlace donde Rosa, pero justamente me ocurre lo que le sucedió al último en comentar (nro 95))...no me aparece en la plantilla la leyenda b:include name='feedLinks'/, como tampoco las que son p class='post-footer-line post-footer-line-1'...el resultado...nada
    3. Entré directamente a las páginas que recomiendas en el blog y recomiendas que se escriba en la plantilla debajo de div class='post-meta'...esta leyenda tampoco aparece en mi plantilla
    4.Voy al enlace que recomiendas en el comentario 24 de Vagabundia...y no me parecen en la plantilla el codigo span class='star-ratings' ni tampoco el b:includable id='main' var='top'.......
    5. En el comentario 39 indicas que se prueben las otras opciones, y lo he hecho, pero quedo sin saber donde pegar los códigos que se me generan, pues el codigo div class=post-footer-line post-footer-line-1'

    tampoco lo tengo

    Que no se siga que no lo he intentado; pero ni modo...no lo he logrado
    Son los blogs probandobichos@blogspot y probandobichos1@blogspot

    Me regalas otra ayudita??

    ResponderEliminar
  65. Potro, he quitado los signos de mayor y menor que y uno que otro pues no me dejaban enviarte el mensaje

    gracias lindo¡¡¡

    ResponderEliminar
  66. Hola Soraya,

    Todos esos códigos aparecen marcando la casilla Expandir plantillas de artilugios. Sólo que por ahora todos los blogs tienen problemas en la Edición de HTML por lo que por el momento no se pueden expandir artilugios ni hacer cambios en la plantilla.
    Cuando se restablezca el servicio prueba de nuevo pero recuerda que debe ser marcando la casilla 'Expandir plantillas de artilugios', sólo de esa forma encontrarás los códigos que se necesitan.

    Saludos.

    ResponderEliminar
  67. Potro, renuncié¡¡¡ No están los ítems extendiendo los artilugios...he buscado minuciosamente en cada blog de prueba, acortando el ítem, viendo sin comillas, sin signos, colocando solo una palabra, pero las combinaciones que te enuncio en el comentario anterior, definitivamente no están¡¡ Gracias de todas formas, seguiré con otros gadgets

    ResponderEliminar
  68. Es que aún no está restablecido el problema de Blogger al 100%, hay que esperar hasta que ya funcione bien la Edición de HTML, cuando eso suceda ya podrás expandir los artilugios y encontrar esos códigos. No desesperes ;)

    ResponderEliminar
  69. Je je ...tienes razón..paciencia¡¡¡
    Cuatro días después me aparecieron los comandos mágicamente...ya lo hice
    Gracias¡¡

    ResponderEliminar
  70. Qué bueno que ya se ha solucionado :)

    ResponderEliminar
  71. Hola potro, un problema con outbrain, ultimamente solo me salen las estrellas en la pagina principal, cuando pones entradas antiguas no me sale

    http://www.jmgvideosycaps.blogspot.com/

    ResponderEliminar
  72. Hola JMG,

    Es un problema que se trae Blogger con los enlaces de navegación que ha hecho que muchos scripts dejen de funcionar en las entradas antiguas y entradas recientes.
    Ya Blogger está enterado del problema y están trabajando en solucionarlo.

    ResponderEliminar
  73. Potro,Por Favor Enviame El Link de la Entrada "Ocultar Atributos" Por Favor sí eres tan Amable y gracías.

    ResponderEliminar
  74. No sé a cuál entrada te refieres pero será mucho más rápido si usas el buscador del blog ;)

    ResponderEliminar
  75. Hola Potro
    Enhorabuena por el blog. Es un gran oasis en mi desierto informático.
    Hago lo que pones en el post pero no me sale, porqué? ni las estrellas, ni nada. He modificado bastante el html y puede que haya quitado algo importante!!
    Muchas gracias de antemano, por cierto mi blog:
    clubdetenisparedes.blogspot.com

    ResponderEliminar
  76. Potro, he añadido el winget de Outbrain, pero tengo dos problemas,

    1- la parte de " nuestros lectores también disfrutaron" solo me sale en el ultimo post que he creado, ¿sabes como podria hacer para que saliera en todos?

    2- ¿como puedo cambiar el color de los titulos de las entradas que salen en el windget? porque salen en color gris oscuro y con el color del fondo de la entrada no se ven..

    Gracias!
    siento ser taaaan pesado..

    www.cineconclick.com

    ResponderEliminar
  77. Ahora la parte de la parte de " nuestros lectores también disfrutaron" me sale en los post que le da la gana...

    ResponderEliminar
  78. Hola JAVIER PAJARES,

    Es posible que hayas eliminado algo importante. Pero veamos si podemos hacer que regrese de nuevo el código.
    Entra en Diseño > Edición de HTML, marca la casilla 'Expandir plantillas de artilugios' y busca esta línea:

    <b:include name='feedLinks'/>

    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:
    <div class='post-footer-line post-footer-line-1'>

    Y debajo agrega esto otro:
    <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 deben verse las estrellas, sino se ven entra en Diseño > Elementos de la página, click en Editar sobre Entradas del blog y ahí marca la casilla de las estrellas y valoración.

    Saludos.

    ResponderEliminar
  79. Hola moeone,

    La verdad no sé cómo tome Outbrain los valores para mostrar las entradas, quizá sea por etiquetas, por palabras claves, por el título, no lo sé.
    Pero de igual forma no tiene opciones de personalización como el color de los títulos que mencionas :/

    ResponderEliminar
  80. a mi si me sirvio muchas gracias es lo que estaba buscando desde hace mucho..

    ResponderEliminar
  81. Qué gusto que te ha servido de ayuda :)

    ResponderEliminar
  82. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  83. ¡Uf! ¡No sabés cuánto he intentado poner esas dichosas estrellitas en mi blog!
    Por primera vez en mi vida no me funcionó los consejos de El Escaparate de Rosa (por cierto, mis pésames por su repentina partida...), y con el tuyo no encuentro el primer código y me sale diferente el segundo código, ni tampoco puedo añadir el artilugio de Outbrain porque se queda como "clavado" en el momento de añadir y no pasa de ahí.
    ¿Cuál será el problema? Mi planilla es modificada:plantilla serenity_05
    Mi blog es: http://elrincondegabriellayu.blogspot.com/
    Me gustaría saber qué estoy haciendo mal, snif... :(

    ResponderEliminar
  84. ¡Lo logré! No sé cómo no vi los códigos antes... :( Tal vez ya estaba muy cansada de los ojos... En fin, ¿podés igual echarle un vistazo? No estoy muy convencida de cómo se ve... o sea, metido en una caja...
    ¿La estrellas no se visualizan dentro del post cuando se ingresa en el mismo?

    http://elrincondegabriellayu.blogspot.com

    ResponderEliminar
  85. Qué gusto que ya has conseguido ponerlo :)
    He entrado a tu blog y lo veo tanto en la portada como en las entradas individuales.
    Respecto a lo de la "caja" prueba haciendo el gadget más ancho, eso puedes modificarlo dentro del último código que añadiste, busca esta parte:
    g:width='180'

    Puedes cambiarlo por un valor más grande, por ejemplo 200

    ¡Saludos!

    ResponderEliminar
  86. Je, suerte que soy muy testaruda con estas cosas XD
    Sip, el gadget se ve tanto en la portada como en las entradas, pasó que mi conexión a internet no estaba muy bien que digamos y no se cargaba todo en la página :(
    Bien, del dicho al hecho... ¡todo hecho! Me vino de pelos tu consejo y le cambió a un valor de 250 para que se vea perfecto, así que ya no se ve la dichosa "cajita" XD
    Muchísimas gracias por todo, Potro, sos un genio. Desde ahora, siempre le daré un vistazo a tu blog :) ¡Besos y mucha suerte!
    Gaby ^^

    ResponderEliminar
  87. Gracias a ti por tu visita y mucha suerte igualmente!

    ResponderEliminar
  88. Oie muxas gracias por este trucaso ya lo puse XD
    GRACIAS...

    ResponderEliminar
  89. Por nada juanluismx, qué bueno que todo salió bien ;)

    ResponderEliminar
  90. Hola! he intentado instalar la valoración de estrellas, y me aparecen por duplicado. ¿A qué puede ser debido?. El blog es www.elitevoley.com y preguntarte, hice una galería de imágenes, www.elitevoleygaleria.blogspot.com y me gustaría que la valoración de estrellas se viera por fuera del album, parecido o igual a un blog que tu tienes.

    Gracias de antemano por la ayuda.
    Saludos!

    ResponderEliminar
  91. Hola Elite Voley,

    Posiblemente ya tenías una parte del código y al añadir nuevamente este se ha duplicado y por eso los ves dos veces.
    Para que se vean en la portada depende de la ubicación donde las tengas. Localiza el código de los botones de compartir y pega el código de las estrellas (el último código que se menciona) antes del de los botones de compartir.

    Saludos.

    ResponderEliminar
  92. Potro en mi blog no aparece este codigo b:include name='feedLinks'

    Que parte tengo que buscar

    ResponderEliminar
  93. No sé qué tan efectivo sea en plantillas que son muy modificadas (por aquello de que no tienen los códigos completos), pero puedes probar ponerlo antes de esto:

    </b:includable>
    <b:includable id='commentDeleteIcon' var='comment'>

    ResponderEliminar
    Respuestas
    1. Hola potro, a mi tampoco me aparece la linea q mencionas en el post, y fuera de eso 3 de las 4 paginas q mencionas no me abren, solo Outbrain y la verdad no entiendo muy bn como se debe hacer...

      en cuanto a lo de inculir antes de




      cual de los codigos del post?

      Eliminar
    2. Hola Construya Facil, siempre es necesario que dejes la dirección de tu blog, de lo contrario no puedo saber cómo es tu plantilla y por lo tanto me sería imposible decirte qué código buscar.
      Saludos.

      Eliminar
    3. Ok, Potro, el Blog es constructorescolombia.blogspot.com

      Gracias por la ayuda.

      Eliminar
    4. Sí tienes esa línea, recuerda que debes marcar la casilla "Expandir plantillas de artilugios" para poder localizar esos códigos.
      Saludos.

      Eliminar
    5. Si Potro eso hago, pero el código no sale igual, busco eedLinks y encuentro varios parecidos, pero envés de el name sale id, y ahora nose que hice y no salen las etiquetas...

      Eliminar
    6. Usa las teclas CTRL + F y busca:
      <div class='post-footer'>

      Debajo verás el resto.
      Lo de las etiquetas seguramente las eliminaste, tendrás que ponérselas de nuevo:
      http://ciudadblogger.com/2010/07/cambiar-de-lugar-datos-del-post-footer.html

      Eliminar
    7. El codigo de las etiquetas esta, pero no aperasen...

      Eliminar
    8. Ponlas de todas formas, pero, es posible que la línea que te decía la tengas dos veces, en ambas debe estar el código de las etiquetas.

      Eliminar
    9. Outbrain ya no incluye las estrellitas, lo ha suprimido.
      Un Blog magnífico el tuyo, de lo mejorcito para solucionar problemas.

      Eliminar
    10. Es lo malo de estos servicios, algunos dejan de existir y otros eliminan opciones :/
      Gracias por tu comentario!

      Eliminar
  94. Hola amigo, quiero ponerlas dentro de la entrada, para que califiquen algunas canciones, asi como esta pagina, http://www.los40.com.co/oirtop.aspx?ID=1476879

    ResponderEliminar
  95. La valoración de estrellas con cualquiera de los métodos que se mencionan se ven en las entradas.

    ResponderEliminar
  96. como estas potro, eh intentado en spotback es de lo mejor pero la mayoria de veces no carga la pagina, se cae o que pasara puedes intentar haber si te pasa lo mismo

    ResponderEliminar
  97. PeliculasTube, no he podido ver tu comentario aquí pero sí en el correo. Esos servicios suelen ser un poco lentos, por esa misma razón puede ser que la página también tarde en cargar. Eso depende basicamente de ellos.

    ResponderEliminar
  98. Hola Potro!

    No me ha funcionado ninguno de los dos.

    ResponderEliminar
  99. Después de poner el código en la plantilla activaste las estrellas desde Elementos de la página?

    ResponderEliminar
  100. Hola Potro!
    Si lo hice pero no me aparece cuando entro al blog

    ResponderEliminar
  101. Quizá sea la plantilla entonces, pero aun puedes probar con las otras opciones que además suelen estar más completas ;)

    ResponderEliminar
  102. ESTA SUPER POTRO,NO ME FUCIONABA PERO SOLO LE CAMBIE EL TAMAÑO Y ESTUVO

    ResponderEliminar
  103. Kaixo El Potro, tu blog me esta siendo de gran ayuda para construir el mio. Comentarte que a mi la parte del codego que habia que incluir en me sobraba, si introduzco esto me duplica las estrellas.

    Una pregunta, hay manera de personalizar el texto y el background del rating?

    ResponderEliminar
  104. Si te lo duplica entonces no debe ser necesario agregarlo, ya debe estar en tu plantilla. Nada de las estrellas se puede modificar para nuestra mala suerte ya que es un artilugio que controla Blogger por completo. Saludos.

    ResponderEliminar
  105. Gracias el Potro.

    Una pena, voy a tener que quitar, el blog es en euskera

    ResponderEliminar
  106. Ni hablar Amets Eroak, ojalá Blogger permitiera personalizar este artilugio aunque lo veo poco probable, es una herramienta que no ha tenido mucho éxito y quizá por eso Blogger no le ha dado tanta importancia.

    ResponderEliminar
  107. ¡Hola, El Potro!
    Te cuento que, por un despiste, cambié sin quererlo la plantilla de mi blog al confundirlo con mi otro blog de pruebas y, pues bueno, al subir de nuevo la plantilla original, varios scrips se perdieron, incluyendo el de la valoración por estrellas.
    Lo raro es que, poniendo los códigos correspondientes, no me salen las estrellas... ¿Tendrá algo que la ubicación del segundo código en los footer? Como sabés, son tres. Ya activé la valoración vía blogger en borrador y nada pasa.
    Si logré ponerlo antes, ¿por qué ahora no puedo? ¿Qué puede estar mal?

    ResponderEliminar
  108. Hola Gabriella,

    Siempre he temido que pase lo mismo, confundir el blog con un blog de pruebas y poner otra plantilla por error :/
    ¿Ya has revisado desde Blogger in Draft que tengas activada la opción de las estrellas?
    Quizá sólo haga falta activar la opción desde ahí para que se puedan mostrar.

    ResponderEliminar
  109. ¡Listo el pollo! La solución era tan sencilla... Resulta que en mi plantilla hay dos class='post-footer-line post-footer-line-1'> y yo le estaba poniendo el código a la línea equivocada... ^_^ Ahora todo está ok y espero no olvidarme de esto por si más adelante vuelvo a meter la pata XP Je

    ResponderEliminar
  110. Bien Gabriella :)
    Tengo una entrada pendiente respecto a ese tema de los códigos duplicados, a ver si me hago un tiempo y la publico :)
    Saludos.

    ResponderEliminar
  111. Hola Potro.. pues yo he conseguido activar lo de que salgan las puntuaciones por estrellas ya que no me salía la casilla, y cuando miro el blog no veo las estrellas por ningún lado. ¿Qué puede ser?

    ResponderEliminar
  112. Por cierto, el blog es este: http://www.gilipolleces.es/

    ResponderEliminar
  113. No veo el segundo código en tu plantilla, si ya lo has puesto, revisa que la línea donde tenías que ponerlo no esté repetida, si así fuera entonces también ponlo en la línea donde te faltó.

    ResponderEliminar
  114. Potro, como siempre inestimable tu ayuda, pero ahora tengo el problema de que me sale doble, es decir, dos veces la puntuación por estrellas. de momento la he desactivado para que no salga así. ¿sabes por qué puede ser?

    ResponderEliminar
  115. Lo más seguro es que uno de los códigos que se mencionan en la entrada ya lo tenías así que al ponerlo de nuevo se duplicó. Revisa si alguno de ellos está repetido y si es así elimínalo.
    Saludos.

    ResponderEliminar
  116. Como siempre Potro, me has sido de gran ayuda. Muchas gracias por todo y por responder con tanta brevedad, eres un grande.

    Un Saludo!!

    ResponderEliminar
  117. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  118. potro como puedo poner las estrellas al lado del titulo, es que quiero ahorrar espacio.... saludos

    ResponderEliminar
  119. Al lado del título no, pues el gadget tiene un ancho considerable como para que quepan ambos. Pero puedes ponerlo debajo de él si agregas el código justo debajo de:
    <div class='post-header'>

    ResponderEliminar
  120. Gracias por tu aporte nuevamente potro!!
    tengo un pequeño problema con esto de las estrellas, pasa que no encuentro esta linea, y bueno en mi plantilla no trae la opción de puntuar, asique me gutaría saber si me podrías ayudar, porque no entiendo mucho!
    Saludos y gracias =)!

    ResponderEliminar
  121. Gracias por tu aporte nuevamente potro!!
    tengo un pequeño problema con esto de las estrellas, pasa que no encuentro esta linea, y bueno en mi plantilla no trae la opción de puntuar, asique me gutaría saber si me podrías ayudar, porque no entiendo mucho!
    Saludos y gracias =)!

    ResponderEliminar
  122. Hola Admin,

    Recuerda que para encontrar la línea que se menciona en la entrada se deben expandir los artilugios, una vez que la encuentres añade lo que se indica, de esa forma podrás tener el gadget de valoración.

    Saludos!

    ResponderEliminar
  123. Hola amigo, he seguido los pasos para poner las estrellas y me guarda los cambios correctamente en la plantilla pero yo no veo las estrellas por ningun lado.¿me puedes echar un ojo al blog ? http://amscbleon.blogspot.com/
    Un saludo

    ResponderEliminar
    Respuestas
    1. Hola COFRADIA,
      Mira si los códigos donde debías pegar los otros códigos no los tienes dos veces, si así fuera coloca ahí también el código que se indica la entrada.
      Después de eso cerciórate de activar el gadget de las estrellas desde Elementos de la página.
      Saludos.

      Eliminar
    2. Este comentario ha sido eliminado por el autor.

      Eliminar
  124. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  125. Hola el potro, gracias por tu blog , me esta ayudando bastante en crear al mio... tengo un problema con lo de las estrellas... se ponen todo normal... pero me aparecen dos en cada entrada... solo kisiera q me saliera una... y sin esa barra para subir y bajar, te dejo mi blog para tenga un dia, y de antemano gracias
    http://mimakako.blogspot.com/

    ResponderEliminar
    Respuestas
    1. Hola Mi.Mikako. No veo la barra, pero sí que están repetidos. Seguramente al seguir estos pasos pusiste un código que ya tenías en la plantilla. Quita el último código que había que poner, con eso se deberá mostrar sólo uno.

      Eliminar
  126. Hola >.< me encanta tu blog y tengo un problema con esto.
    Me salen dos rankings de estrellas en cada entrada :/ uno debajo de otro y no se que hacer..intente de usar los links que das para ponerlos desde otras paginas pero ninguno me vale :/

    Espero que me ayudes :)

    Gracias por ayudarme a qe mi blog se vea mejor.
    http://dinosaurio-games.blogspot.com/

    ResponderEliminar
    Respuestas
    1. Hola Suzu-chan. Mira la respuesta que he dado arriba de tu comentario. Ese es el mismo caso y la forma manera de solucionarlo. Saludos.

      Eliminar
  127. Man como le hiciste para poner las estrellas asi como en tu blog de fondos? http://fondos240.blogspot.com/ de antemano gracias y un saludo

    ResponderEliminar
    Respuestas
    1. Pues yo no se las puse, ya las traía la plantilla, pero son las de JS-Kit que se mencionan en la entrada.

      Eliminar
  128. Por cierto, no me salen las estrellas, ya las marque desde desde Blogger in Draft. pero no me salen.. espero tu respuesta es ke me gusto mucho komo se las pusiste a tu blog de fondos :D saludosy garcias

    ResponderEliminar
    Respuestas
    1. Para las estrellas de valoración de Blogger tienes que añadir el código que se menciona en la entrada (en caso de que no lo tengas), de esa manera saldrán las estrellas. Saludos.

      Eliminar
  129. Hola EL Potro, tengo las estrellas de blogger puestas en mi blog, 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

    ResponderEliminar
    Respuestas
    1. No Josep-Pepe, no hay ningún gadget que tome esos datos de las valoraciones, sería buen idea ahora que lo mencionas.

      Eliminar
  130. Hola, he intentado poner las estrellas tal y como has explicado, pero no consigo que me aparezcan.
    Qué puede estar pasando?
    Un saludo y gracias.

    ResponderEliminar
    Respuestas
    1. Hola Laura, revisa que tengas marcada la opción para que aparezcan, también que tengas el código que se menciona, pero ojo, que la línea que termina en post-footer-line-1 la debes tener dos veces, en ambas debe estar el código de abajo.
      Saludos.

      Eliminar
  131. Hola, pues es que a mi no me aparece en blogger esa opción para señalarla...
    muchas gracias.

    ResponderEliminar
    Respuestas
    1. Hola Laura, tienes que entrar desde Blogger in Draft como se indica.

      Eliminar
  132. Hooooola,
    ya he conseguido poner las estrellas y ya valora la gente, pero yo no puedo verlo desde mi ordenador, desde otros ordenadores sin problema.
    ¿puedes ayudarme?

    ResponderEliminar
    Respuestas
    1. Quizá tengas alguna extensión o algo que no permita mostrar ciertos elementos en el navegador.

      Eliminar
  133. Y que podría hacer para comprobarlo, jo siento ser tan torpe y molestarte con esta tontada.
    Muchas gracias

    ResponderEliminar
    Respuestas
    1. Pues si tienes alguna extensión o plugin en tu navegador inhabilítalo, pues como dices que en otros navegadores lo ves bien entonces es seguro que se trata por algo de tu navegador.

      Eliminar
  134. Hola! gracias por el post, seguí los pasos pero a pesar de que aparece el gadget las puntuaciones no se guardan. :( ¿Qué podría estar haciendo mal?

    ResponderEliminar
    Respuestas
    1. Hola Laura, no creo que estés haciendo algo mal. El gadget es un tanto inestable, pasa que algunas veces carga, otras no, así que no me extrañaría que algunas veces tampoco guarde las votaciones.

      Eliminar
  135. Pero no sólo no se ve en mi ordenador, si no que en la mayoría de los ordenadores no se ve aunque en otros sí, no sé si es algo de los sistemas operativos o que puede ocurrir.

    ResponderEliminar
  136. Muchas gracias, voy a ver si me estudio lo del gadget.

    ResponderEliminar
  137. Hola potro! en mi blog asesoramientoconsorcios.blogspot.com no me aparece la opción de las estrellas pero sí la de las reacciones, cuando lo selecciono y cambio las palabras que aparecen ahí, voy a la entrada y no me aparecen....cómo puedo hacer que aparezcan?

    ResponderEliminar
    Respuestas
    1. ¿Las estrellas? Siguiendo los pasos de la entrada. El de reacciones me parece raro que desaparezca si lo modificas, ahí no sabría decirte ya que nunca me ha pasado ni he sabido de un caso similar :/

      Eliminar
  138. Hola Potro! :D

    ¿Podrias hacer un tutorial de como instalar ¨Unobtrusive AJAX Star Rating Bar¨ en el blog?

    La verdad es que eh estado buscando por todos lados y no encuentro ningun tutorial de como instalar este script.

    De antemano, ¡Gracias!

    ResponderEliminar
    Respuestas
    1. Algo como eso no funciona en Blogger, ya que se necesita un hosting, PHP y demás cosas que no tenemos en Blogger.
      Saludos.

      Eliminar
  139. Potro recurro a tí como gran mago de los Blog.

    he intentado seguir tus instrucciones tanto desde el blogger draf como desde HTML. Nada.

    El problema es que la linea que dices" div class='post-footer-line post-footer-line-1'" tiene pegado otro comando a continuación.

    ¿Puede ser porque le puse el "Linkwithin"?

    Es la única posibilidad que se me ocurre. No se.

    Lo que realmente quiero es un sistema sencillo con 5 estrellas, que la gente puntúe y listo.

    Lo prefiero debajo del titulo, por ejemplo.

    No se si me puedes ayudar.

    Muchas gracias.
    Jorge

    ResponderEliminar
    Respuestas
    1. Hola jorge, revisa que la línea donde hay que poner el código no la tengas dos veces, si así fuera pon el código en ambas.
      Saludos.

      Eliminar
  140. Hola, he intentado lo que has puesto y no me aparece. (he probado con la version antigua) pero tampoco.
    Se te ocurre que puedo hacer gracias!

    ResponderEliminar
    Respuestas
    1. Mira el comentario que está arriba del tuyo.

      Eliminar
    2. no si ya he probado pero no me aparece! Gracias de todas formas!

      Eliminar
  141. Hola potro, de nuevo por tu blog, andaba tiempo buscando esta entrada y he visto tu articulo, yo he conseguido ponerlo a traves de Blogger in Draft pero me sale tambien en la portada del blog y yo quiero mostrarlo solo en las entradas individuales y ademas cambiarlo de sitio ¿es posible hacerlo como yo quiero?

    un saludo

    ResponderEliminar
    Respuestas
    1. Hola Teo, localiza el código que se menciona en la entrada, ya que lo encuentres podrás elegir dónde ponerlo, y si quieres que sólo se vea en las entradas individuales encierra el código en una condicional:
      http://ciudadblogger.com/2010/03/condicionales-de-blogger.html

      Eliminar
    2. Perfecto, muchisimas gracias, lo he hecho como me dices y quedo bien, y ahora si me lo permites y abusando de tus conocimientos y paciencia, el fondo de las estrellitas no esta negro del todo y se nota distinto al de mi blog, quisiera ponerlo negro y separarlas un poquito hacia abajo ¿como lo hago?

      Gracias y un beso

      Eliminar
    3. Hasta donde sé no se puede personalizar los colores, como es un gadget manejado directamente por Blogger no podemos "meter mano" :/

      Eliminar
  142. ok ¿y para separarlas un poquito hacia abajo?

    ResponderEliminar
    Respuestas
    1. Podrías encerrar el código en un DIV y a ese DIV ponerle un margen, por ejemplo:
      <div style="margin-top:10px; margin-bottom:3px;">
      ...
      ...
      ...
      </div>

      Eliminar
    2. Perdona por tardar en pasar otra vez por tu blog, problemas de salud.pero ya estoy aqui para darte las gracias
      Ahora si queda mejor, Gracias

      un beso

      Eliminar
    3. Lo importante es que ya te encuentres mejor de salud.
      Un beso.

      Eliminar
  143. Potro te dejo dos dudas.
    Primera duda sobre este truco. NO ME APARECE mas bien no lo encuentro a editar en la interfaz nueva es igual ? AYUDA

    Segunda duda sobre otro truco. En este blog si te fijas en esta entrada http://sintonialiteraria.blogspot.com.ar/2012/06/tigre-tigre-lynne-reid-banks.html hay una parte de "flores" una textura detrás del texto, como hago eso =?

    ResponderEliminar
    Respuestas
    1. No es exactamente igual la interfaz pero el método es prácticamente el mismo, ¿qué no encuentras exactamente?
      Lo otro es un blockquote:
      http://ciudadblogger.com/2009/11/personalizar-los-bloques.html

      Eliminar
  144. Elementos de página la verdad ni idea :(

    ResponderEliminar
    Respuestas
    1. Si usas la nueva interfaz entonces los Elementos de página es la sección llamada Diseño.

      Eliminar
  145. Por alguna razón no me aparece, ya leí los comentarios y hago lo que sugieren pero no me sale :/ es una lástima que en blogger hayan quitado esta opción que era tan útil!

    ResponderEliminar
    Respuestas
    1. Es posible que la línea:
      <div class='post-footer-line post-footer-line-1'>

      La tengas dos veces, de ser así pega el código también en la que está repetida.

      Eliminar
  146. Buenas potro, genial tu blog! he aplicado muchos de tu consejos, ahora un problema con el que me topé, no sé porque no aparece el widget de outbrain en mi blog http://www.econstuff.com/ justo encima de twitter a la derecha, he revisado que esté en la pestaña de gadgets de gestor de diseño... ¿alguna idea?

    ResponderEliminar
    Respuestas
    1. Hola Max Greco, gracias por tu comentario. Hasta donde sé los de Outbrain ya no funcionan bien, he probado con el código que tienes y lo puse en el área de las entradas y tampoco se ve :/

      Eliminar
  147. Hola Potro!!!
    A veces las estrellas me salen y otras no... Llevaba un siglo sin que me salieran y esta tarde por arte de magia volvieron a aparecer, para luego volver a desaparecer
    Puedes ayudarme a que siempre esten visibles???
    gracias!!!

    ResponderEliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

Nota: solo los miembros de este blog pueden publicar comentarios.

 
Ir Arriba Ir Abajo
I Ciudad Blogger