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:
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.
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='"http://bitacoras.com/votar/anotacion/externo/favicon/" + 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:
52x39http://i263.photobucket.com/albums/ii148/elsereno100/bitacoras52x39.gif
74x29http://i263.photobucket.com/albums/ii148/elsereno100/bitacoras74x29.gif
87x19http://i263.photobucket.com/albums/ii148/elsereno100/bitacoras87x19.gif
80x15http://i263.photobucket.com/albums/ii148/elsereno100/bitacoras80x15.jpg
23x29http://i263.photobucket.com/albums/ii148/elsereno100/bitacoras23x29.gif
16x16http://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.
Y muchos más artículos interesantes si nos sigues en...
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.
ResponderEliminarGracias.
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
ResponderEliminarGracias por la idea.
Anónimo: ¿Viste cómo están las etiquetas aquí? Están plegadas y el usuario es el que las despliega.
ResponderEliminarEsta es una forma de hacerlo y esta es otra bastante más fácil.
Ro.!: No hay de qué.
HOla!
ResponderEliminarMuchas 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!
Supongo Martha, que te refieres al menú que tienes (ahora) justo debajo de la cabecera.
ResponderEliminarSerí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.
Botón colocado Oloman, muchas gracias por toda la ayuda que brindas con tu página. Aquí tienes a un seguidor agradecido.
ResponderEliminarHola, 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?
ResponderEliminarUn saludo y gracias.
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
ResponderEliminarLa 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.
ResponderEliminarUn abrazo.
Je,je. Lo tuyo es el don de la palabra Rudy ¡Sí señor!
ResponderEliminarHola.
ResponderEliminar¿Cómo puedo poner el botón en el título del post?
¡Muchas gracias!
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.
ResponderEliminarTendrá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.
El blog es: http://latabernadelalectura.blogspot.com
ResponderEliminarYa lo intentaré.
Muchas gracias.
Ah, pero si me puedes especificar en que lugar lo tengo que poner mucho mejor.
ResponderEliminarMuchas gracias.
Xavi, debe ser algo así:
ResponderEliminar<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.
Hola.
ResponderEliminarPerdona que no haya contestado antes pero es que estoy bastante liado.
Ya lo probaré.
Muchas gracias!!!!!!!!!!!!!!!!!!!
Lo otro no me funcionó, pero esto sí. Gracias!
ResponderEliminarHola!
ResponderEliminarMe 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
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.
ResponderEliminarCambiar 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.
Hola, yo también utilizo en ocasiones ese botón. He visto que la dirección url del gif parece haber cambiado, de:
ResponderEliminarhttp://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/
Jesu, en el link tienes una actualización sobre este botón. Se cambió en 2009.
ResponderEliminarhttp://oloblogger.blogspot.com/2008/05/bitacorascom-agregar-votaciones-en.html
Saludos
No me funciona, cuando lo pongo no cargan las entradas, no se que pasa ¬¬
ResponderEliminarPrueba este otro código Yurika-Chan, que hubo cambios entrado 2009 y en la entrada que te enlazo, está el código actualizado.
ResponderEliminarOloman 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.
ResponderEliminarArte Digital, prueba insertando un target='_blank' entre la etiqueta a y la expr:
ResponderEliminar<a target='_blank' expr:href='"...etc.
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?
ResponderEliminargracias como siempre amigo Oloman y un besazo
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.
EliminarGracias, lo he intentado añadiendo nueva bitacora, haciendo nuevo ping pero no me deja, me dice que esa bitacora esta indexada o algo asi???
EliminarEl 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.
EliminarEl 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.
Muchas gracias voy a ver como lo arreglo
Eliminarte mando un beso