Cómo instalar un botón en primer plano para votar nuestros artículos en Bitácoras.com

Publicado el 02 agosto 2014 por Hugo Rep @HugoRep

Bitacoras.com es la red social para bloggers más importante del mundo hispano, con cientos de miles de usuarios registrados y más de medio millón de blogs

Hecha la introducción nos dedicaremos a instalar un botón para que los lectores puedan votar un articulo y así facilitar que se posicione en los primeros lugares de la portada de Bitácoras de forma más rápida.

Hay distintos botones (agregadores) que puedes colocar, en todos los casos es el mismo procedimiento.

Entra en Plantilla | Edición de HTML y localiza esta línea:

<data:post.body/>

Debajo de ella agrega lo siguiente:

<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;float:right; margin-left:10px;' title='Votar este artículo en Bitacoras.com'/></a>


El resultado será el siguiente:

SI quieres un botón más grande entonces el código que debes pegar es este:

<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;float:right; margin-left:10px;' title='Votar este artículo en Bitacoras.com'/></a>

Y se verá así:

Para un botón más pequeño el código a pegar es el siguiente:

<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;float:right; margin-left:10px;' title='Votar este artículo en Bitacoras.com'/></a>

Quedará de esta forma:

Y para ese mismo mini botón pero sin imagen de fondo sería con este código:

<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;float:right; margin-left:10px;' title='Votar este artículo en Bitacoras.com'/></a>

Y el resultado será este:

Si quieres que el botón se muestre SÓLO en las entradas individuales y no en la página principal del blog entonces encierra el código que hayas elegido en un código condicional. De esta forma:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
...Código del botón...
</b:if>

Cualquiera de esas opciones será estupenda para promocionar tus entradas en Bitácoras y tendrás muchas más posibilidades de conseguir más votos por tu artículo.
NOTA: Es posible que la etiqueta <data:post.body/> la tengas dos o más veces, si no ves resultados pon el código en las demás donde no lo has colocado.