Agregar botón Votar en Bitácoras.com

En esta entrada os explicaré cómo agregar el botón de Votar en Bitácoras.com dentro de las entradas de nuestro blog.

Antes de seguir cabe destacar que lo podemos insertar en varias posiciones: la primera, en el encabezado de la entrada, es decir, dentro del título; la segunda, dentro del cuerpo de la entrada, tal y como podéis ver en este blog; y la tercera, en el pie de la entrada, es decir, aparecería al lado del número de comentarios, firma, etc…

Sea cual sea la posición en la que elijamos insertar el botón, lo primero que tendremos que hacer es acceder a la ficha Diseño –> Edición de HTML, activaremos la casilla Expandir plantillas de artilugios y buscaremos el siguiente código dependiendo de dónde hayamos elegido insertarlo:

Encabezado de la entrada

<h3 class='post-title entry-title'>

Cuerpo de la entrada

<div class='post-body entry-content'>

Pie de la entrada

<div class='post-footer'>

Una vez que hayamos encontrado el código correspondiente, pegamos el siguiente código:

<div class='boton-bitacoras' style='float: right; margin-left: 10px;'><a expr:href='&quot;http://bitacoras.com/anotaciones/&quot; + data:post.url'><img alt='votar' expr:src='&quot;http://widgets.bitacoras.com/votar/normal/&quot; + data:post.url' style='vertical-align:middle;border:0' title='Votar esta anotación en Bitacoras.com'/></a></div>

Para cambiar el botón, tendremos que sustituir el texto que os he marcado en rojo en el anterior código, por los valores big, normal, mini o mini2, tal y como podéis ver en la página de Bitácoras.com donde además podréis encontrar más explicaciones sobre cómo insertar este tipo de botón en el caso de que utilicéis plantillas antiguas de Blogger u otro proveedor como WordPress.

Antes de terminar, también decir que esta entrada está aplicada sobre la plantilla Rounders 4, por lo que el código a buscar puede variar dependiendo de la plantilla que tengáis aplicada a vuestro blog.

Descarga el código explicado en esta entrada del blog.

20 comentarios:

misaani dijo...

Bueno muchas gracias José Manuel,
estaba esperando tu entrada como agua de mayo.
Ya tengo colocado el botón y creo que funcionando.
Verás que puse el mismo que tienes tú, pero es que los demás no me gustaban.
Gracias de nuevo y saludos.

José M dijo...

gracias por tu comentario misaani y perdón por la tardanza jejeje

Sofía Vitale dijo...

Muchísimas gracias, estaba esperando este post, saludos

José M dijo...

gracias por tu comentario Sofía, saludos :)

Kuroneko-kun dijo...

Dios! Muchas gracias por esta entrada! Yo es que la necesitaba, porqué no tenía ni idea de como meterlo, y ya hacía días que lo quería hacer ^^

Gran aporte, me ha ayudado mucho! ^^

José M dijo...

gracias por tu comentario Kuroneko-kun, saludos :)

Curiosa dijo...

Hola!
Me encantó como explicaste todo muy bien,pero quisiera saber cómo hago para colocarlo en la parte de abajo al finalizar mis posts.
¿Podrías ayudarme por favor?
Gracias.
Mi blog: http://curioseandito.blogspot.com

José M dijo...

Hola Curiosa

has mirado si tienes el código del apartado Pie de la entrada que indico en esta misma entrada?

Curiosa dijo...

Ya lo coloqué. Gracias!!!!

José M dijo...

de nada, saludos :)

MONIDALA dijo...

Hola! Seguí tus instrucciones para instalar el votón... ¿¿Cómo lo has sabido??

Saludos

José M dijo...

A veces hay que investigar mucho jeje, gracias Monidala por tu visita y comentario :-)

MONIDALA dijo...

Pero... ¿fue casualidad entonces que tú llegarasas a mi blog? Soy muy nueva en esto y todavía estoy muy desconcertada, como puedes ver...

José M dijo...

ups ... yo creía que te referías a lo del botón jajaja ... a tu blog, si no recuerdo mal, llegué a través de Bitácoras :-)

MONIDALA dijo...

XD Sea como sea, tu blog es una pasada... A partir de ahora, va a ser mi enciclopedia. El problema es que todo lo que cuentas lo quiero implementar en el mío, y al final va a parecer el coche de Fernando Alonso... ;P

José M dijo...

jejeje gracias :-)

Mariano dijo...

Cómo va, qué bueno que encontré esta nota... una sola pregunta:

para bitacorae es igual?
tengo el blog alojado en bitácoras

saludos y gracias desde ya!

José M dijo...

Hola Mariano,

pues ahí sí que me has pillado porque no tengo ningún blog alojado en Bitácoras, mira a ver si puedes ver algo igual en la plantilla o, mejor, para poder probarlo sin ningún temor, te recomiendo que te hagas un blog de prueba para poder realizar todas esas pruebas sin estropear el blog "bueno", un saludo :-)

JRio dijo...

Jose, con el cambio de diseño en mi blog había perdido el botón de bitácoras, y he venido aquí para volver a colocarlo.

Gracias por el artículo.

Saludos.

José M dijo...

Gracias JRio, por cierto, muy chulo el nuevo diseño de tu blog, a ver si me animo yo a cambiar el mío que tengo ya el verde demasiado visto jeje, un saludo :-)

Publicar un comentario en la entrada

Cualquier comentario que incluya en su contenido la dirección URL de una web o blog será reportado inmediatamente por spam y no será publicado.