Poner iconos de redes sociales en tu blog o página web

La interacción con el lector es algo fundamental en el camino al éxito para un Blogger. Algo tan importante que da por sí solo como para tener su propio post y que comentaremos en otro momento.

Hoy hablaremos de cómo poner iconos sociales en nuestro blog de modo que animen y ayuden a nuestro lector a compartirlo en su entorno.

Básicamente hay dos tipos de botones: aquellos que permiten al lector seguir nuestras diferentes cuentas sociales, y aquellos que sirven para compartir y difundir nuestros contenidos. En mi opinión, son los segundos los más importantes (ya que el que esté interesado en seguirnos ya se va a ocupar de ello), lo que nos interesa es difundir nuestras entradas con la mayor repercusión posible.

A continuación os dejo un método muy sencillo para poner iconos sociales en nuestro blog …….para los usuarios más avanzados y que quieran “exprimir y personalizar al máximo su blog” al final del post os dejo 3 recursos de primer nivel en los que se explica (cada uno con distintos diseños) como poner estos botones manualmente y de un modo mucho más personalizado.

Método 1....el fácil

A través del recurso Add This podemos obtener de manera casi automática y de un modo muy sencillo un código que pegaremos en nuestro diseño, e incluso en función de la plataforma que tengamos éste se instalará solo…muy cómodo. Con este recurso obtenemos una solución muy aceptable y sin complicarnos la vida, así podremos dedicarnos a lo que realmente importa, crear contenido de calidad.

Accede a www.addthis.com, entra y regístrate (es necesario que te registres, si no lo haces no te dará el código que vamos a insertar, además de ser gratis sólo tienes que dar un email, ningún dato más).

Addthis ofrece varios servicios pero entre ellos los que nos interesan son Share Buttons y Follow Buttons.

Veamos un ejemplo con Share Buttons:

1. Accede Menu Principal “Get the code” / “Share the Code” y verás algo como esto:

2. Selecciona tu plataforma, y el diseño que prefieras. Puedes comprobar vista previa como quedaría y solo tienes que copiar el código HTML, que tendrás que copiar allí donde quieras que aparezca en tu blog. Además, para Blogger, en lugar de darte el código, directamente se te habilita un botón que pulsándolo instala automáticamente el artilugio en tu web.

Método 2

Si por el contrario lo que necesitas es instalar iconos de redes sociales de un modo más personalizado, el recurso Add This se queda un poco corto. Éste no sólo te ofrece un número limitado de iconos y formatos sino que además luego no se pueden modificar. Entonces o te gustan, o no te gustan. No es ni mejor ni peor, de hecho para los iconos de "compartir entradas" yo mismo tengo instalado el widget de Add This y para los iconos de "sígueme" he optado por la versión manual...y este es el ejemplo:

Sígueme en:

Su código para que lo pegues en tu plantilla o en un widget HTML (blogger) es este:

<div><p class="MsoNormal"><span style="font-size:12pt;font-family:Arial; color:white">Sígueme en:</span><span style="font-family: Arial;color:white"></span></p></div>

<a href="http://twitter.com/TU_CUENTA" target="_blank" style="font-size: 100%;"><img src="http://icons.iconarchive.com/icons/yootheme/social-bookmark/48/social-twitter-box-blue-icon.png" alt="Sígueme en Twitter" title="Sígueme en Twitter" /></a>

<a href="http://www.facebook.com/AQUI_TU_PAGINA" target="_blank" style="font-weight: normal; font-size: 100%;"><img src="http://icons.iconarchive.com/icons/yootheme/social-bookmark/48/social-facebook-box-blue-icon.png" alt="Sígueme en Facebook" title="Sígueme en Facebook" /></a>

<a href="http://TU_WEB/feeds/posts/default" target="_blank" style="font-weight: normal; font-size: 100%;"><img alt="Sígueme por RSS" title="Sígueme por RSS" src="http://icons.iconarchive.com/icons/icojam/onebit/48/rss-icon.png" /></a>

No lo tienes que copiar exactamente si no quieres pero, basta que cambies tus direcciones personales (marcadas en rojo) y que cambies los iconos por otros que te gusten o que quites o pongas otras redes sociales. A continuación te dejo 3 magníficos enlaces donde puedes encontrar más información, más enlaces y un montón de diseños e iconos. Ahora todo depende de cuanto tiempo le quieras echar...

Otros recursos recomendados:

http://www.iniciablog.com/2011/03/iconos-sociales-twitter-facebook-blog.html

http://creativemindly.blogspot.com.es/2012/10/descargar-iconos-super-originales-e.html

http://www.iconarchive.com

Ahora que ya has conseguido que tus lectores puedan difundir tu blog en las redes sociales y que también puedan contactar contigo a través de un formulario para darte su feedback, o dejar sus impresiones, peticiones etc., es el momento de que veas la manera de cómo conseguir que tus lectores no abandonen tu blog y vayan de un artículo a otro. Lee ahora CÓMO MOSTRAR ENTRADAS RELACIONADAS.

¿Te interesa, tienes dudas?. Deja tus comentarios por favor.