Cómo agregar el botón o Widget de Bitacoras.com en tu blog


Los botones sociales, en estos tiempos donde los usuarios están influenciados por el contenido que se distribuye en las redes sociales, son como una obligación de que existan o estén presentes en un blog.

Con la presencia de estos botones sociales logramos que los usuarios compartan nuestras publicaciones en sus perfiles y que se pueda viralizar hasta ir creando una comunidad de fieles seguidores a través de las redes sociales.

Bitacoras.com, es un portal donde se comparte contenido a diario y entre mas votos positivos tenga tu contenido compartido más visitas y seguidoras tendrás. Lo más interesante es que también cuentan con un botón al estilo de “Facebook” el cual podemos agregar o instalar en nuestro blog el gadget y con un simple clic nuestros lectores pueden enviar el artículo a Bitácoras y el resto de la comunidad pueda votar.



La instalación


Para poder instalar el botón de Bitácoras en nuestro blogspot o blog debemos de ir a la siguiente dirección: http://bitacoras.com/widgets/agregador

Ahí podremos ver diferentes tamaños para los botones, estos los podemos agregar el final del post junto al de los otros sitios sociales que tenemos.

El código a usar es el siguiente:
<a expr:href='&quot;http://bitacoras.com/anotaciones/&quot; + data:post.url'><img expr:src='&quot;http://widgets.bitacoras.com/votar/[tipodeboton]/&quot; + data:post.url' alt='votar' title='Vota por nuestro articulo' style='vertical-align:middle;border:0' /></a>
En la opción del código que dice “tipodeboton” podemos reemplázalo por:

Big: botón grande

Normal: botón de tamaño regular

Mini: es un pequeño botón, recomendado para el final de los artículos.

Mini2: este es un enlace para votar por el artículo, no muestra imagen.

Estos botones también muestran la cantidad de votos que tiene el post en Bitacoras.com lo cual entre más votos tengas incentiva a otros usuarios a votar por tu blog.

 

¿Qué beneficios tiene usar el botón?  

 

Como mencionamos anteriormente, puedes atraer más usuarios fieles a tu blog, generar más visitas, captar comentarios en las entradas y si llegas a la página de inicio del portal verás la cantidad de miles de visitas que tendrás.

 

Si quieres recibir mas tutoriales y gadgets directamente en tu correo electronico, suscribete gratis a nuestro blog, visita nuestra pagina de facebook o añade nuestro feed Rss.

--> Leer más...

Valorar Entrada : 

7 diferentes tipos de contadores para tu blog


Anteriormente en GadgetsBlogger.com hemos compartido con ustedes algunos gadgets de contadores de usuarios o visitas online en tiempo real para tu blog los cuales son fáciles de instalar y gratuitos, así que esta vez completaremos la serie de nuestros gadget estadísticos para tu blogspot.

Esta vez se trata del servicio de Supercounters el cual nos brinda 7 diferentes estilos de gadgets para mostrar públicamente desde donde nos visitan nuestros usuarios, por país, usando banderas, mapas o un contador simple.

Como conseguir el gadget


Lo que debes de hacer es entrar al sitio de Supercounters y seleccionar uno de los modelos que quieres usar como muestra la imagen:



Hacemos clic sobre uno de ellos y configurar el gadget con los colores y la información que queremos mostrar, en nuestro caso de ejemplo seleccionamos “Flag Counter” el cual es más completo al mostrar estadísticas por país y un registro de las visitas del dia y del mes.

Hacemos clic en “Submit” y veremos el código a copiar como se muestra en la imagen.


Ahora vamos a nuestro panel de Blogger, seleccionamos la opción de “Diseño” del blog donde agregaremos el gadget. Hacemos clic en “Añadir un Gadget” y seleccionamos la opción “HTML/Javascript” y pegamos el código:

<!-- BEGIN: Powered by Supercounters.com -->
<center><script type="text/javascript" src="http://widget.supercounters.com/flag.js"></script><script type="text/javascript">sc_flag(880410,"FFFFFF","000000","cccccc",2,10,0,0)</script><br><noscript><a href="http://www.supercounters.com/">Flag Counter</a></noscript>
</center>
<!-- END: Powered by Supercounters.com -->

El resultado será algo así: El demo lo pueden ver en nuestro blog de pruebas y recuerdan que las estadísticas a mostrar son tomadas a partir de que instalamos el gadget en tu blog y no tienen que ver con las que se muestran en el panel de tu cuenta de Blogger.

Si quieres recibir mas tutoriales y gadgets directamente en tu correo electronico, suscribete gratis a nuestro blog, visita nuestra pagina de facebook o añade nuestro feed Rss.
--> Leer más...

Valorar Entrada : 

Como agregar un sistema de comentarios en Blogger con Vicomi


En artículos anteriores hemos visto diferentes alternativas de comentarios para nuestros blogs hechos en Blogger, como el plugin de Facebook, Disqus, Intente Debate y hoy les presentaremos un sistema quizá no muy conocido pero muy atractivo e interesante para instalarlo en nuestra bitácora.

Se trata de “Vicomi” el cual es un sistema limpio, de carga rápida y muy eficiente a la hora de permite que los usuarios puedan dejar sus comentarios. La ventaja de este sistema es que no solo podemos dejar nuestra opinión con nuestra cuenta de Google o de forma anónima, sino que también usar perfiles sociales como Facebook.

 

Creando la cuenta

Vicomi es gratuito y para usarlo en Blogger solo debemos seguir los siguientes pasos:

Entra al sitio oficial, vicomi.com y crear tu cuenta haciendo clic en “Get Vicomi for free” y llenando el formulario como se muestra a continuación:




Una vez que te hayas registrado lo cual no toma más de 3 minutos (no necesita verificación de correo) puedes entrar a tu panel, registrar tu sitio agregando tu URL y copiando el código generado por el sistema, el cual será algo asi:


Además de mostrar los comentarios también muestra un gadget automático de comentarios recomendados después de nuestros posts así como un sistema de calificación de los mismos comentarios usando emoticones o poder compartir un comentario especifico en tu cuenta de Facebook.

El panel de administración es muy sencillo y tiene las siguientes funciones:
  • Bloqueo de IP
  • Moderación de comentarios
  • Filtro de palabras en los comentarios, así evitamos spam.

Tip: Dado que el sistema no requiere validación de email, puedes inventar cualquier cuenta y aun así puedes entrar a la cuenta con la contraseña que hayas creado.

Así de simple y rápido es Vicomi, que esperas para agregarlo en tu blog?!

Ver demo desde web oficial

Si quieres recibir mas tutoriales y gadgets directamente en tu correo electronico, suscribete gratis a nuestro blog, visita nuestra pagina de facebook o añade nuestro feed Rss.
--> Leer más...

Valorar Entrada : 

Como agregar gadgets de Addthis.com en tu blog


Uno de los servicios más populares en la red para Bloggers es el de addthis.com, conocido generalmente por la opción de poder crear botones sociales para permitir que nuestros usuarios compartan nuestros artículos en las redes sociales y así podemos tener más visitas y fidelizar a los usuarios.

Lo que muchos no saben es que el servicio de esta web va más allá, ya que permite también otras funciones gratuitas, así como de pago, para poder usar en nuestro blog como por ejemplo un widget de artículos recomendados (con imágenes) en la sidebar o al final de cada post así como un gadget que se muestra cuando el usuario llega al final del articulo y que aparece en la parte superior derecha deslizándose como recomendación.

Para Blogger es posible usar este gadget con un código simple que conseguimos haciendo lo siguiente:



Ingresamos a Addthis.com y seleccionamos la función “What´s news”. El sistema nos pedirá ingresar con nuestra cuenta o registrar una, pero también permite usar el servicio con nuestras cuentas de Facebook, Twitter o Google, por lo que no es necesario crear una nueva cuenta y podemos usar las anteriormente mencionadas.

Seleccionamos cualquier de estos perfiles y hacemos clic en “Aceptar” para que el servicio nos permita usar esta cuenta seleccionada. Si estamos en nuestra cuenta de Blogger es mejor seleccionar nuestra misma cuenta de Google.



Cuando ingresemos a nuestra cuenta el sistema nos dará un código a pegar entre las etiquetas Head, en este caso de ejemplo usaremos el siguiente código de ejemplo:

<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-53b87aac4fc59dff"></script>
<script type="text/javascript">
var addthis_config = addthis_config||{};
addthis_config.pubid = ‘ra-53b87aac4fc59dff';
</script>

Posteriormente podremos personalizar el encabezado del widget así como la apariencia como muestra la imagen:

Un poco más abajo veremos otro código a pegar, hacemos clic en “actívate” y tendremos todo listo.

Una de las características interesante de este servicio es que permite seguir y rastrear las estadísticas que generan estos botones, es decir las veces que nuestros artículos se comparten.

Si quieres recibir mas tutoriales y gadgets directamente en tu correo electronico, suscribete gratis a nuestro blog, visita nuestra pagina de facebook o añade nuestro feed Rss.
--> Leer más...

Valorar Entrada :