Un sitio de promoción de noticias debe permitir que los lectores de tu blog o sitio puedan votar por el artículo que les interesa desde donde lo están leyendo, de hecho es la primera funcionalidad que nos solicitaron y si bien tenemos una página donde se describe como se añade un enlace para que tus lectores puedan votar en actualidad.com.bo desde tus páginas, en esta entrada te mostramos como añadir el botón en las plataformas de blogs más conocidas.
Pero primero las opciones generales que funcionan en cualquier página y solo requieren que sepas un poco de código HTML.
Para contar con un ícono y un enlace de esta forma
actualidad.com.bo utiliza el siguiente código:
<img src="http://actualidadboliviana.com/images/actualidad.gif" title="actualidad.com.bo" alt="actualidad.com.bo" border="0" /> <a href="http://www.actualidad.com.bo/submit? url=http%3A%2F%2Fblog.actualidadboliviana.com%2Ftools%2Fboton-actualidad-com-bo%2F &title=Agrega%20actualidad.com.bo%20a%20tu%20blog&source=w"> actualidad.com.bo</a>
Si prefieres tener el botón
en tu sitio utiliza el siguiente código:
<a href="http://www.actualidad.com.bo/submit? url=http%3A%2F%2Fblog.actualidadboliviana.com%2Ftools%2Fboton-actualidad-com-bo%2F &title=Agrega%20actualidad.com.bo%20a%20tu%20blog&source=w"> <img src="http://actualidadboliviana.com/images/add2actualidad.png" alt="Vótame en actualidad.com.bo" title="Vótame en actualidad.com.bo" border="0" /> </a>
Ambas opciones funcionan en cualquier página y sólo debes reemplazar el parámetro url con la dirección de tu página y el parámetro title con el título de la misma. Este proceso se debe realizar en cada página donde quieras tener el botón y tienes que tener cuidado con ingresar la dirección URL y el título correcto manualmente. Afortunadamente la mayoría de las plataformas de blogs utilizan plantillas y así solo debes modificar tu plantilla para que el botón se muestre en todas los artículos de tu blog utilizando las variables estándares de tu blog para llenar los parámetros, ahora te mostramos como adicionar el botón en las plantillas de las plataformas más utilizadas.
Si aún no actualizaste la administración de tu blog al nuevo modelo que utiliza widgets y sigues empleando la opción “Plantilla” para gestionar tu diseño entonces debes añadir las siguientes líneas a tu blog, en el ejemplo se coloca el botón debajo del texto principal ($BlogItemBody$) del artículo.
<$BlogItemBody$> <a href="http://www.actualidad.com.bo/submit?url=<$BlogItemPermalinkURL$> &title=<$BlogItemTitle$>&source=w"> <img src="http://actualidadboliviana.com/images/add2actualidad.png" alt="Vótame en actualidad.com.bo" title="Vótame en actualidad.com.bo" border="0" /> </a>
Si utilizas la nueva versión de gestión de diseño de Blogger, asegúrate de tener la casilla “Expandir plantillas de artilugios” (widgets) activada en la pestaña “Edición de HTML” para ver el código completo y añadir las siguientes líneas de código, en este ejemplo también se coloca el botón debajo del texto principal.
<p><data:post.body></p> <a expr:href='"http://www.actualidad.com.bo/submit?url=" + data:post.url + "&title=" + data:post.title + "&source=w"'> <img src="http://actualidadboliviana.com/images/add2actualidad.png" alt="Vótame en actualidad.com.bo" title="Vótame en actualidad.com.bo" border="0" /> </a>
Este blog utiliza WordPress y como puedes ver al pie de este artículo utiliza el plugin Compartelo - versión en español de Share This - para facilitar el envío de los artículos de este blog a redes/marcadores sociales. La adición del ícono
a este plugin consiste en bajar la imagen y guardarla en el directorio donde está el plugin instalado y adicionar el siguiente arreglo en el archivo sharethis.php, ubicándolo en el lugar del vector de redes sociales donde quieras tenerlo.
, 'actualidad' => array(
'name' => 'actualidad.com.bo'
, 'url' => 'http://www.actualidad.com.bo/submit?url={url}&title={title}&source=w'
)
En el caso de que prefieras añadir el botón a tu tema (theme) en lugar de como plugin, utiliza las siguientes líneas:
<a href="http://www.actualidad.com.bo/submit?url=<?php the_permalink(); ?>&title=<?php the_title(); ?>&source=w"> <img src="http://actualidadboliviana.com/images/add2actualidad.png" alt="Vótame en actualidad.com.bo" title="Vótame en actualidad.com.bo" border="0" /> </a>
Estas son las herramientas iniciales para añadir actualidad.com.bo a tu blog, cuando el API de coRank esté listo entonces añadiremos botones más interactivos vía javascript que anunciaremos por este blog. Si tienes alguna pregunta o consulta deja tu comentario y avísanos si añades el botón a otros proveedores de blogs.
Actualización
Se corrigen errores en el código provisto para Blogger y Wordpress, si utilizas Blogsome en este blog tienen el código para incluir el botón en plantillas que utilizan Smarty.


