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.