miércoles, 17 de noviembre de 2010

Agregar botón para votar en Bitácoras.com

Una pregunta que me han planteado frecuentemente es cómo agregar los botones que nos proporciona Bitacoras.com para que nuestros lectores puedan votar por nuestros post. Hoy vamos a ver cómo hacerlo.

1.§ Vamos a Diseño - Edición de HTML y Expandir plantilla de artilugios.

2.§ Ahora buscamos:

<p class='post-footer-line post-footer-line-3'/>

3.§ Debajo del código mencionado en el paso 2.§, pegamos cualquiera de los siguientes códigos, con el ícono que más nos guste:

» Botón grande:

<a expr:href='&quot;http://bitacoras.com/anotaciones/&quot; + data:post.url'><img alt='votar' expr:src='&quot;http://widgets.bitacoras.com/votar/big/&quot; + data:post.url' style='vertical-align:middle;border:0;' title='Votar esta anotación en Bitacoras.com'/></a>


» Botón normal:

<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>


» Botón Mini:
<a expr:href='&quot;http://bitacoras.com/anotaciones/&quot; + data:post.url'><img alt='votar' expr:src='&quot;http://widgets.bitacoras.com/votar/mini/&quot; + data:post.url' style='vertical-align:middle;border:0;' title='Votar esta anotación en Bitacoras.com'/></a>


» Botón Mini sin fondo:
<a expr:href='&quot;http://bitacoras.com/anotaciones/&quot; + data:post.url'><img alt='votar' expr:src='&quot;http://widgets.bitacoras.com/votar/mini2/&quot; + data:post.url' style='vertical-align:middle;border:0;' title='Votar esta anotación en Bitacoras.com'/></a>


» Botón Mini sin texto:
<a expr:href='&quot;http://bitacoras.com/anotaciones/&quot; + data:post.url' title='Votar esta anotación en Bitacoras.com'><img alt='Votar esta anotación en Bitacoras.com' src='http://static5.bitacoras.com/images/agregador/bitacorascom16x16.gif'/></a>

NOTA
Si deseas agregar el botón al interior de las entradas, pega el código debajo de <data:post.body/>

No hay comentarios:

Publicar un comentario