Botón Me gusta y Twittear con URL Personalizable

Publicado: julio 27, 2011 en Diseño y programación Web
Hoy te compartire una herramienta muy útil para aumentar nuestras visitas y popularidad de nuestro web o blog, esto atravez de las redes sociales; los botones “Me gusta” de Facebook y “Twittear” de Twitter son los botones de las redes sociales mas utilizados en toda la Internet y que nos ayudarán a dar a conocer nuestro web o blog.Parece una buena herramienta, no es así…?

Suena muy convincente, pero con esto no te quiero decir que tu web o blog se hará popular y aumentaran tus visitas de un día para otro. Esto es una parte de todo lo que puedes hacer para aumentar la popularidad de tu sitio web. Como ya lo hemos visto puedes acompaña todo esto Optimizando los títulos (Solo para Blogger) y Agregando Meta Tag, así como también ofrecer buenos contenidos, una buena estructura, un buen diseño, cuidando el tiempo de carga de tu sitio, entre otros.

Sin mas rodeos vámonos a los botones:

  • Botón “Me gusta” de Facebook

http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com/pages/Wixus-Blogger/203926552960672%2F&layout=button_count&show_faces=false&width=100&height=20&&action=like&font=tahoma&colorscheme=light
Para agregarlo a Blogger ve a Diseño-> Añadir un gadget seleccionas HTML/Javascript y pega el siguiente código:

<iframe src=”http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwixusblogger.blogspot.com%2F&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;height=20&&action=like&amp;font=tahoma&amp;colorscheme=light” allowtransparency=”true” frameborder=”0″ scrolling=”no” style=”border:none; overflow:hidden; width:100px; height:20px“></iframe>

Configuración:
Cambia la dirección marcada en roja (Si lleva www. ponla al inicio, el http:// no es necesario ponerlo ya esta integrado).
Puedes cambiar el valor: button_count por box_count (Cuenta hacia arriba) y cambia tambien height=20 por height=80.
Puedes cambiar el valor: light por dark (Negro)

  • Botón “Twittear” ó “Tweet” de Twitter

http://platform0.twitter.com/widgets/tweet_button.html?_=1311799991123&count=horizontal&id=twitter_tweet_button_0&lang=en&original_referer=http%3A%2F%2Fwixusblogger.blogspot.com%2F2011%2F03%2Fboton-me-gusta-y-twittear-con-url.html&text=Bot%C3%B3n%20Me%20gusta%20y%20Twittear%20con%20URL%20Personalizable%20%7C%20Wixus%20Blogger&url=http%3A%2F%2Fwixusblogger.blogspot.com%2F
Este se agrega también como el de facebook, incluso puedes ponerlo abajo del mismo gadget, para que esten seguidos como en la imagen de arriba.

<a href=”http://twitter.com/share&#8221; data-url=”http://wixusblogger.blogspot.com/” data-count=”horizontal“>Tweet</a><script type=”text/javascript” src=”http://platform.twitter.com/widgets.js”></script&gt;

Configuración:
Cambia la direccion marcada en rojo (la direccion se pone completa).
El valor horizontal puedes cambiarlo por vertical (cambia la direccion del conteo hacia arriba).

Recomendacion:
Utiliza el siguiente codigo para centrar los botones.

<center>

Codigo de los botones aquí

</center>

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s