English Português

Hace un tiempo te mostramos un sistema de raiting fácil de conseguir pero no tan sencillo de implementar, bueno pues Spotback es un sistema que si tienes ambas características, pues ya te provee de el código tanto para blogger como para wordpress y otros sistemas.

Ahora te mostramos como implementarlo en Blogger:

  1. Entra a spotback y da click en “get a widget
  2. Aca tendras dos opciones, entrar a una galeria con varios diseños para el raiting de tus entradas o bien, usar el sistema clásico de estrellas. Yo te recomiendo entres a la galaria y uses el widget “Just Stars” (Sólo estrellas) que es sencillo y eficiente.
  3. Seleccionado tu widget, ahora copia el código correspondiente a tu versión de blogger. Para el caso del widget “Just star” y el nuevo Blogger el código es:
    <!-- Raiting de entradas -->
    <b:if cond='data:post.dateHeader'><script>var sb_post_date = "<data:post.dateHeader/>";</script></b:if>
    <script>var sb_url_to_rate = "<data:post.url/>";</script>
    <script>var sb_rated_title = "<data:post.title/>";</script>
    <script>try { var sb_dp = Date.parse(sb_post_date + ' ' + "<data:post.timestamp/>"); 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=3183' ></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>
  4. Ahora entra a la pestaña “Plantilla” o también llamada “Diseño” desde el escritorio y después a la opción “Edición de HTML” y activa la casilla “Expandir plantillas de artilugios”.


  5. Después busca el siguiente código:
    <p class='post-footer-line post-footer-line-3'/>

    Y arriba de este código pega el del widget.

  6. Guarda y listo!

La desventaja de estos sistemas es que sí la página o su base de datos se cae, también lo hará tu sistema de raiting pero en sistemas gratuitos sin acceso a bases de datos no hya muchas opciones.

Otro widget interesante de Spotback es Top Rated Sidebar para crear un recuadro con tus entradas mejor valoradas.

Escrito por Francisco Oliveros

Soy un gran aficionado del diseño y de todo lo que el código puede comunicar. Ingeniero mecánico por profesión, pero dedicado al desarrollo web a tiempo completo.

Blog / Twitter

Comentarios

  1. Fernando / Hace 7 años /

    No hayo el codigo que mencionan. ¿Entre que codigo esta?

    Responder a Fernando →
  2. Jorge Luis Mora Rocha / Hace 7 años /

    Hola, muy bueno el blog. Si quieres ver cosas de fútbol, te invito al mio.
    Ahora la pregunta. ¿Cómo hago para colocar un recuadro de estrellas para todo el blog?, o sea, que cuando voten allí, sea general, refractando si el blog es bueno, malo, o muy bueno?…

    saludos, espero tu respuesta…

    Responder a Jorge Luis Mora Rocha →
  3. Francisco / Hace 7 años /

    Fernando: Busca bien, ahi esta ;)

    Jorge: lo que puedes hacer es poner el código del rating en un nuevo elemento de página (artilugio).

    Saludos!

    Responder a Francisco →
  4. Anonymous / Hace 7 años /

    Mira estos:
    http://postreach.com/static/clickcomments
    Es un sistema parecido al de las estrellas, pero sin estrellas. Con él se valora y se opina en qué categoría -más o menos- te ha gustado más la entrada.
    En fin, échale un vistazo cuando puedas.

    Responder a Anonymous →
  5. Francisco / Hace 7 años /

    Hola anonimo, vi ese sistema en blogmundi y me parecio interesante, seguro pondremos algo sobre él, gracias por el aviso!

    Responder a Francisco →
  6. Cristian / Hace 7 años /

    Tengo un problema. Mi plantilla la saqué de acá y no es compatible con IE, y tiene algunos problemas en Firefox. Intenté cambiarla por una que se visualiza bastante bien en los dos pero cuando la aplico a mi blog me dice “Not Found”… ¿qué puede pasar??

    Responder a Cristian →
  7. Francisco / Hace 7 años /

    Hola Cristian!

    Podrias darme más datos del problema en el artículo que corresponde a la plantilla que usas?

    Saludos!

    Responder a Francisco →
  8. Ignasi / Hace 7 años /

    Hola!

    Mira que he visto muchas webs con sistemas de estrellas y nunca he encontrado una que realmente abarcara mis necesidades.

    Pero por fin esta web es para mi perfecta!! te deja valorar los post, te enseña los post mas valorados,puedes configurar la apariencia… perfecto!! :D

    Responder a Ignasi →
  9. A_lex / Hace 7 años /

    esta es una muy buena utilidad, y aun que pues se cae de repente pues es totalmente gratis y ni modo.

    Responder a A_lex →
  10. Francisco / Hace 7 años /

    Si, es la más completa que he visto y como bien dices Alex, lo gratis tiene sus detallitos.

    Responder a Francisco →
  11. arruga / Hace 7 años /

    Que tal, oye disculpa no encuentro el codigo, la plantilla que tengo es una de ustedes :S

    Responder a arruga →
  12. jos / Hace 7 años /

    he seleccionado el widget y añadido el codigo que se indica en la plantilla de mi blog (blogger) pero no veo por ningun sitio el sistema de rating. ¿cuando deberia aparecer? ¿por que puede ser que no aparezca?

    Responder a jos →
  13. Francisco / Hace 7 años /

    Hola!

    arruga, tal vez no tengas expandidos los artilugios, todas las plantillas tienen ese código independientemente de quien la halla hecho o en su defecto busca la linea con “post-footer-line-2″ por ejemplo.

    jos, es probable halla cambiado el código al que se muestra en este post (que ya es algo antiguo) te recomiendo sigas esta misma metodología pero desde Spotback.

    Saludos!

    Responder a Francisco →
  14. Serenity / Hace 7 años /

    Hola. Muchas gracias por la informacion.
    Puse uno de estrellas y me aparece en el blog, pero cuando paso el mouse por encima no se activa para poder votar. Q podra ser?

    Responder a Serenity →
  15. PussyConquerer / Hace 6 años /

    Muy bueno, pero como tendría que hacer para poder subirlo en WordPress.. agradesco su ayuda y muy buen blog.

    Responder a PussyConquerer →
  16. Vindex / Hace 6 años /

    Hola, necesito ayuda respecto al código “p class=’post-footer-line post-footer-line-3′/>” , ya que quiero poner esta votación en mi blog pero NO lo encuentro en la edición HTML de mi plantilla :S, o sea quizás está si, pero en caso de ser así, ¿a qué “altura” más o menos está?, porque no puedo encontrarlo entre tanto lío de estar ahí :(
    Agradeceré muchísimo su ayuda, espero sus respuesta :)

    Responder a Vindex →
  17. Vindex / Hace 6 años /

    ¿Por las dudas el código está pegado al margen o más metido hacia el centro del recuadro de escritura?

    Responder a Vindex →
  18. F3B14N / Hace 6 años /

    si ese es el problema, q al usar un skin, por general los codigos dentro del html son cambiados…
    esta bueno pero yo estoy con ese probelma

    Responder a F3B14N →
  19. katy / Hace 5 años /

    Mira que he visto muchas webs con sistemas de estrellas y nunca he encontrado una que realmente abarcara mis necesidades.

    Pero por fin esta web es para mi perfecta!! te deja valorar los post, te enseña los post mas valorados; Genial!! me encanto!

    es genial tiene de todo!

    Responder a katy →
  20. rinconpsicologia / Hace 5 años /

    Gracias mil. El sistema de estrellas funciona. Me costo mi trabajo pues no soy experta informatica pero finalmente lo tengo. muaz

    Responder a rinconpsicologia →
  21. Javier / Hace 4 años /

    No encuentro el código pero sí uno muy parecido:

    Responder a Javier →
  22. Mayra / Hace 4 años /

    Buenisimo el spotback, hace tiempo buscaba algo asi, veo que el post es antiguo, no ha salido nada un poco más actualizado?, he visto uno que sale como un pulgar para votar que no está nada mal, pero bueno, spotback funciona y es bien sencillo…saludos!!

    Responder a Mayra →
  23. Francisco / Hace 4 años /

    @Mayra, lleva mucho tiempo este artículo. Ahora en Blogger se puede hacer directamente y para WordPress hay varios plugin que sirven.

    Responder a Francisco →
  24. daniela / Hace 4 años /

    ..me quedó excelente!!
    hace tiempo estaba buscando rating para mi blog, pero no encontraba uno que me funcionara.
    gracias :-)

    Responder a daniela →
  25. YuSSy / Hace 4 años /

    Hola! Primero de todo decirte Francisco que me parece muy útil tu blog ya que me ha servido mucho de ayuda a la hora de construir el mio.
    El problema que tengo es que no encuentro la línea de código que indicas :S sólo me aparece esta que es parecida. ¿Es ahí donde tengo que ponerlo? Muchas gracias ;)

    Responder a YuSSy →
  26. pablus / Hace 4 años /

    feten feten

    Responder a pablus →
  27. DoctorPC / Hace 3 años /

    Yo usaba otro, al final lo saqué por que no aportan mucho =/

    Responder a DoctorPC →
  28. Sergio / Hace 1 año /

    Hola Francisco,

    Quería hacerte una consulta. ¿Cómo puedo hacer para poner en una misma entrada varias votaciones de estrellas? Es que en una página tengo 40 discos y quería poner al lado de cada disco una votación de estrellas. ¿Es posible?

    Muchas gracias!!

    Responder a Sergio →

Responder

¡Gracias por dejar tu opinión! Por favor procura que tus comentarios estén dentro tema, que no sean promocionales (spam), ilegales u ofensivos, de otro modo, serán borrados. Todos los enlaces serán moderados y la URL indicada NO será enlazada.

Blog and Web es un blog de Blógstica. Hospedado desde 2008 en Liquid Web.

Términos de uso - Política de privacidad