Os presento una herramienta muy útil, para incluir botones con enlaces a tus redes sociales en WordPress y en aquellos otros sitios dónde se pueda incluir HTML. Como los que hay en mi blog.
En primer lugar, vamos a la siguiente página web http://www.buttonshut.com.  Aquí podremos configurar botones de enlace de diferentes redes sociales, en este caso empezaremos por Facebook. En la parte de la izquierda, bajo el título Social Media Buttons, hay una serie de enlaces, pincharemos sobre  Facebook Buttons.  Vamos a encontrar una gran cantidad de iconos, en el caso de facebook hay un total de 12 páginas, como se puede ver en «Viewing Facebook Buttons Page 1 of 12 Pages Next». Seleccionamos el deseado, pinchando sobre él.

A partir de ahora, seguiremos los siguientes pasos:

PASO 1: Step 1 – Button Preview:

Aquí nos sale el botón que hemos seleccionado.

PASO 2: Step 2 – Select Your Button Size:

En este paso elegimos el tamaño de nuestro botón, todo dependerá de los enlaces que queramos incluir (33 pixeles es un buen tamaño) . Lo único que hay que hacer es mover el cursor sobre la barra y verás como el icono de arriba cambia de tamaño.

PASO 3: Step 3 – Instructions:

Ahora debes ir a facebook, ya sea perfil o página y copiar tu url, es decir la dirección de tu navegador. En las otras redes sociales seria el mismo procedimiento. Asegúrate que has copiado bien el enlace. 🙂

A continuación debes copiarla y pegarla en el recuadro en blanco de buttonshut.com. Por último pulsamos donde pone «Link it!» y tendrás el blog code y el html code. Copiamos el HTML code y para que sea más fácil copiarlo en un archivo de texto, ya que ahora hay que hacer algunos cambios.

Esto sería lo que tendríamos:

<a href=»https://www.facebook.com/xxx» TARGET=»_blank»><img src=»http://www.buttonshut.com/Facebook-Buttons/Facebook-Buttons-33-55-.png» title=»http://www.buttonshut.com/» alt=»http://www.buttonshut.com/» width=»150px» border=»0″/></a><img src=»http://c.statcounter.com/7708181/0/9d6077a1/1/» width=»0px»/><br /><a href=»http://angrybirdsgamer.com/» title=»angrybirdsgamer» TARGET=»_blank»>angrybirdsgamer</a>

Lo que está en negrita, lo debemos modificar, poniendo lo que queremos que vean nuestros seguidores, cuando pasen el cursor por encima, por ejemplo «Sígueme en Facebook«. Lo que está en rojo hay que borrarlo. Se quedaría así:

<a href=»https://www.facebook.com/xxx» TARGET=»_blank»><img src=»http://www.buttonshut.com/Facebook-Buttons/Facebook-Buttons-33-55-.png» title=»Sígueme en Facebook» alt=»http://www.buttonshut.com/» width=»30px» border=»0″ />

Ahora nos iremos a nuestra página de wordpress.com o a nuestra plantilla de WordPress, una vez allí en el escritorio, vamos a apariencia y seleccionamos widget. Buscaremos el widget de texto y lo pondremos en la parte superior derecha de la barra lateral principal, ya que este sitio es uno de los más visibles. Lo desplegamos dándole al triángulo invertido y pegamos el HTML, copiado anteriormente. Le damos a guardar.

Nos vamos a nuestro blog y vemos resultados. Si el resultado no es el deseado, por ejemplo el tamaño, deberemos repetir la operación desde el principio.

¿Qué os parece esta herramienta?  :-))

NOTA: En WordPress.org existen plugins, que te instalan directamente un widget. Pero este método es útil, si no encuentras los botones que te gustan para tu blog, ya que puedes cargar una imagen que hayas creado tu mismo o cualquiera que te guste desde «Submit buttons».