Botón de votación de Bitacoras.com sin retraso | Oloblogger Hace algún tiempo, explicamos como implantar el botón de votaciones para entradas agregadas a Bitac...

31 de enero de 2009

Botón de votación de Bitacoras.com sin retraso

Hace algún tiempo, explicamos como implantar el botón de votaciones para entradas agregadas a Bitacoras.com.

Para ser sincero, a pesar de que ha sido hasta la fecha la entrada más exitosa que he publicado jamás (64 comentarios, 250 votos en Bitacoras, nosecuantos enlaces...), en poco tiempo quité el botón de mi blog. El problema es que retrasaba mucho la carga y ya tengo bastantes gadgets instalados como para cargarlo más.

No me molesté en su momento en intentar solucionarlo, pero sin embargo, por puñetera casualidad buscando otra cosa, en Vinagre Asesino leí el motivo y una manera de instalarlo sin demorar en absoluto la carga. El precio es pequeño: el botón no mostrará los votos acumulados hasta la fecha. Pero es que precisamente el SCRIPT que hace eso es el que retrasaba todo.

De esta manera, sólo se mostrará una imagen sencilla, sin el número de votos, pero que servirá de enlace para poder realizar la votación al post desde la propia entrada. Parece más que suficiente porque precisamente eso es lo que queremos ¿no?.

Pues bien, cómo se explicó en su momento, buscamos el sitio dónde queremos mostrar el botoncito y en esta ocasión ponemos este otro código:

<a expr:href='&quot;http://bitacoras.com/votar/anotacion/externo/favicon/&quot; + data:post.url' title='Votar Anotación en Bitacoras.com'><img alt='Votar' src='http://static2.bitacoras.com/images/agregador/bitacorascom16x16.gif' style='vertical-align:middle;border:0px;'/></a>

Antes de que empiecen a llover los problemas, para usuarios de Blogger antiguo, data:post.url, tiene que ser sustituido por $BlogItemPermalinkURL$. Con eso es suficiente para que también funcione en esa versión.

Si no os gusta el icono que se muestra, podeis cambiar la dirección de la imagen facilitada en el código, por cualquiera de estas otras:

52x39
http://i263.photobucket.com/albums/ii148/elsereno100/bitacoras52x39.gif

74x29
http://i263.photobucket.com/albums/ii148/elsereno100/bitacoras74x29.gif

87x19
http://i263.photobucket.com/albums/ii148/elsereno100/bitacoras87x19.gif

80x15
http://i263.photobucket.com/albums/ii148/elsereno100/bitacoras80x15.jpg

23x29
http://i263.photobucket.com/albums/ii148/elsereno100/bitacoras23x29.gif

16x16
http://static2.bitacoras.com/images/agregador/bitacorascom16x16.gif


También podeis diseñar un boton al gusto, alojarlo y luego cambiar la dirección indicada por la vuestra.

¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.

Compartir
Copy URL

Y muchos más artículos interesantes si nos sigues en...

follow us in feedly

31 comentarios :

  1. Hola!
    Desde hace algunas semanas,te leo y aprendo de tus explicaciones. He añadido un enlace desde mi blog para que otras personas de mi país puedan disfrutar de tu espacio. Gracias por tus aportes y paciencia.

    Te invito a visitar mi blog http://micuadernodelenguacastellana.blogspot.com/ Dime cómo te parece, vale?

    Un abrazote!

    ResponderEliminar
  2. Anónimo2/2/09 1:37

    Hola, me preguntaba si se pueden convertir todas las etiquetas en un menu desplegable, son tantas que queda muy feo y se alarga demasiado la columna.

    Gracias.

    ResponderEliminar
  3. Una vez me registré en Bitácoras.com y también saqué el botón por lo mismo, ahora he agregado el código, espero tener algún voto xD

    Gracias por la idea.

    ResponderEliminar
  4. Anónimo: ¿Viste cómo están las etiquetas aquí? Están plegadas y el usuario es el que las despliega.

    Esta es una forma de hacerlo y esta es otra bastante más fácil.

    Ro.!: No hay de qué.

    ResponderEliminar
  5. HOla!
    Muchas gracias por tu comentario y sugerencias, me han parecido muy acertados y he seguido la mayoría de ellos. Sin embargo en este proceso me surgen dos preguntas y te pido, pro favor, que me colabores:
    1. ¿ Cómo hago para cambiar el tamaño de la barra de enlaces ( la agregué gracias a tus instrucciones)
    2. Intené poner la música con la opción por demanda y ahora resulta que me dice que esa lista no existe; yo seguí todos los pasos, sin embargo no aparece la lista. ¿ Me cambio a otro reproductor de música? ¿ a cuál? Quiero conservar este recurso porque a mis chicos les gusta. Gracias y un abrazo!

    ResponderEliminar
  6. Supongo Martha, que te refieres al menú que tienes (ahora) justo debajo de la cabecera.

    Sería suficiente con que cambiaras el tamaño de letra y los botones se harían más grandes automáticamente.

    Busca este código e inserta las líneas en negrita. Luego que veas como funciona (Vista Previa) puedes cambiar los valores al gusto antes de guardar.

    #navlist li
    {
    display: inline;
    list-style-type: none;
    font-size: 20px;
    line-height: 24px;
    }

    Con respecto a lo de la música, tendrás que repasar cómo se hace lo que tú quieres con tu servicio de jukebox. Yo no he utilizado nunca ese tipo de gadget y no te puedo ayudar en eso.

    ResponderEliminar
  7. Botón colocado Oloman, muchas gracias por toda la ayuda que brindas con tu página. Aquí tienes a un seguidor agradecido.

    ResponderEliminar
  8. Hola, Oloman: Te agradecería si me dieras una mano para quitar el botón de votación de Bitacoras de mi blog. ¿Qué debo eliminar de mi plantilla?
    Un saludo y gracias.

    ResponderEliminar
  9. Hola Rudy. He ido a echar un vistazo y parece que ya lo has logrado quitar. De todas formas, lo normal es que lo veas sólo si tienes las plantillas de artilugios expandidas. Usualmente está en algún post-footer-line. Saludos

    ResponderEliminar
  10. La impaciencia, Oloman, me mata la impaciencia. Pero que sepas que no me arriesgué a arreglarlo por las mías. Buscando en los archivos de un amigo que sabe mucho encontré la solución y quité el botón. Se llama "Oloman". Te lo recomiendo.
    Un abrazo.

    ResponderEliminar
  11. Je,je. Lo tuyo es el don de la palabra Rudy ¡Sí señor!

    ResponderEliminar
  12. Hola.
    ¿Cómo puedo poner el botón en el título del post?

    ¡Muchas gracias!

    ResponderEliminar
  13. Xavi, mejor que en el título del post -que se puede- creo que es mejor junto a él. El título sirve de enlace al post y me parece que en un blog es lo más práctico.

    Tendrás que buscar en la parte HTML de tu blog la varible DATA:POST.TITLE o DATA:POST.URL. Normalmente estarán entre etiquetas H3. Delante o detrás de esa parte es dónde tendrás que colocar el código de esta entrada. Con Vista Previa lo podrás ver antes de grabar.

    Para que pueda ser más concreto, necesitaría saber de qué blog hablamos.

    ResponderEliminar
  14. El blog es: http://latabernadelalectura.blogspot.com
    Ya lo intentaré.
    Muchas gracias.

    ResponderEliminar
  15. Ah, pero si me puedes especificar en que lugar lo tengo que poner mucho mejor.
    Muchas gracias.

    ResponderEliminar
  16. Xavi, debe ser algo así:
    <h3 class='post-title entry-title'>
    <b:if cond='data:post.link'>
    <a expr:href='data:post.link'><data:post.title/></a>
    <b:else/>
    <b:if cond='data:post.url'>
    <a expr:href='data:post.url'><data:post.title/></a>
    <b:else/>
    <data:post.title/>
    </b:if>
    </b:if>
    BOTON
    </h3>

    Dónde pone BOTON se colocaría el código del idem para que saliera justo a la derecha del título del post.

    ResponderEliminar
  17. Hola.
    Perdona que no haya contestado antes pero es que estoy bastante liado.
    Ya lo probaré.
    Muchas gracias!!!!!!!!!!!!!!!!!!!

    ResponderEliminar
  18. Anónimo9/4/10 17:16

    Lo otro no me funcionó, pero esto sí. Gracias!

    ResponderEliminar
  19. Hola!
    Me ha surgido una duda, el botón he conseguido ponerlo arriba, donde el título, pero me gustaría saber:
    - si se puede poner a la dcha del todo del título
    - y si se puede cambiar de color tanto la letra como el fondO del botón.

    Este es mi Blog por si necesitas echarlo un vistazo: http://mishobbiesyyo.blogspot.com/

    MUCHÍSIMAS GRACIAS

    ResponderEliminar
  20. Hola MPC. No lo veo en tu blog, pero para colocarlo arriba, deberías insertar el código del botón tras el cierre (/h2) correspondiente a h2 class="post_title". Para que te quede en línea, tendrías que agregarle una etiqueta de estilo con un float:right.

    Cambiar el color de la letra y el fondo, es tan sencillo como usar tu propia imagen y eso es precisamente una de las cosas que se explica en esta entrada.

    ResponderEliminar
  21. Hola, yo también utilizo en ocasiones ese botón. He visto que la dirección url del gif parece haber cambiado, de:

    http://static2.bitacoras.com/images/agregador/bitacorascom16x16.gif

    a:

    http://static5.bitacoras.com/images/agregador/bitacorascom16x16.gif

    No sé si es eventual o si ha cambiado. El caso es que ahora no aparece la imagen, aunque sigue funcionando. En su día puse el botón manualmente en cada entrada. ¿Cómo podría solucionarlo?

    Gracias en cualquier caso.
    Agenda de ideas
    http://republicavirtual.wordpress.com/

    ResponderEliminar
  22. Jesu, en el link tienes una actualización sobre este botón. Se cambió en 2009.

    http://oloblogger.blogspot.com/2008/05/bitacorascom-agregar-votaciones-en.html

    Saludos

    ResponderEliminar
  23. No me funciona, cuando lo pongo no cargan las entradas, no se que pasa ¬¬

    ResponderEliminar
  24. Prueba este otro código Yurika-Chan, que hubo cambios entrado 2009 y en la entrada que te enlazo, está el código actualizado.

    ResponderEliminar
  25. Oloman quisiera saber si existe la manera de que este mismo boton de bitacoras se abriera en otra pestaña para que no quitara la entrada de mi blog y el blog quedara siempre a la vista del usurio ¿No se si me doy a entender? Es que este boton lo que hace es ir a bitacoras.com y los usuarios que me visitaran quiza por primera vez no sepan de que sirve esto. OK dicho lo anterior... Gracias por tus aportes... Excelentes.

    ResponderEliminar
  26. Arte Digital, prueba insertando un target='_blank' entre la etiqueta a y la expr:

    <a target='_blank' expr:href='&quot;...etc.

    ResponderEliminar
  27. Holaaaaa, aqui la pesadilla de teo, buscando he visto que tienes tambien una entrada para el dichoso boton, mira te cuento, he cambiado la direccion del blog, ahora ya no es teofermi 1...es http://teo.resistenciasaharaui.com/ y desde entonces el boton no me funciona, he buscado pero no se a que se debe, ¿sera por la redireccion? y si es asi ¿hay alguna forma de arreglarlo?

    gracias como siempre amigo Oloman y un besazo

    ResponderEliminar
    Respuestas
    1. He probado el botón y sí funciona. Es posible que lo que no veas sean los votos en Bitácoras. Tienes que actualizar tu ficha en ese sitio para indicar la nueva dirección. Y no recuerdo exactamente, pero me suena que hay incluso que hacer una nueva ficha.

      Eliminar
    2. Gracias, lo he intentado añadiendo nueva bitacora, haciendo nuevo ping pero no me deja, me dice que esa bitacora esta indexada o algo asi???

      Eliminar
    3. El botón funciona seguro; lo he vuelto a comprobar. El problema está en tu inscripción en bitácoras y el cambio de dominio que hiciste parece claramente el culpable. El problema es que yo no te puedo ayudar en eso. Tendrás que revisar bien los datos y a las malas, borrar la ficha y abrir otra nueva. También puedes contactar con el soporte de Bitacoras.

      El mensaje exacto que da es este:
      "La bitácora que has indicado no está en nuestra base de datos, pero la evaluaremos para su inclusión. Si eres el autor de la bitácora puedes inscribirla directamente creando una cuenta de usuario."

      Ergo no figura esa dirección en sus registros.

      Eliminar
    4. Muchas gracias voy a ver como lo arreglo

      te mando un beso

      Eliminar