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 2173 días /

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

    Responder a Fernando →
  2. Jorge Luis Mora Rocha / Hace 2172 días /

    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 2172 días /

    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 2172 días /

    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 2170 días /

    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 2170 días /

    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 2170 días /

    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 2169 días /

    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 2163 días /

    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 2163 días /

    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 2086 días /

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

    Responder a arruga →
  12. jos / Hace 2056 días /

    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 2055 días /

    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 2052 días /

    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 1923 días /

    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 1737 días /

    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 1737 días /

    ¿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 1720 días /

    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 1573 días /

    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 1389 días /

    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 1268 días /

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

    Responder a Javier →
  22. Mayra / Hace 1196 días /

    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 1194 días /

    @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 1128 días /

    ..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 1077 días /

    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 1076 días /

    feten feten

    Responder a pablus →
  27. DoctorPC / Hace 905 días /

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

    Responder a DoctorPC →
  28. Sergio / Hace 130 días /

    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

Términos de uso - Política de privacidad