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='"http://bitacoras.com/anotaciones/" + data:post.url'><img alt='votar' expr:src='"http://widgets.bitacoras.com/votar/normal/" + 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='"http://bitacoras.com/anotaciones/" + data:post.url'><img alt='votar' expr:src='"http://widgets.bitacoras.com/votar/big/" + 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='"http://bitacoras.com/anotaciones/" + data:post.url'><img alt='votar' expr:src='"http://widgets.bitacoras.com/votar/mini/" + 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='"http://bitacoras.com/anotaciones/" + data:post.url'><img alt='votar' expr:src='"http://widgets.bitacoras.com/votar/mini2/" + 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 == "item"'>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.
...Código del botón...
</b:if>
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.
Si te ha gustado el artículo inscribete al feed clicando en la imagen más abajo para tenerte siempre actualizado sobre los nuevos contenidos del blog:
Espero que esta publicación te haya gustado. Si tienes alguna duda, consulta o quieras complementar este post, no dudes en escribir en la zona de comentarios. También puedes visitar Facebook, Twitter, Google +, Linkedin, Instagram, Pinterest y Feedly donde encontrarás información complementaria a este blog. COMPARTE EN!
0 comentarios:
Publicar un comentario
No incluyas enlaces clicables. No escribas los comentarios en mayúsculas. Caso contrario serán borrados. Muchas gracias por la colaboración..