¿Cómo poner iconos sociales del tipo sígueme en el Blog?

Los iconos sociales del tipo "Sígueme" permite a los lectores de tu blog enlazar con los diferentes perfiles sociales Twitter, Facebook, RSS, Google+,Pinterest, Youtube en los que tienes presencia.

Tutorial que te ayudara a incluir icono sociales a tu blog.

¿Qué necesitas?

Lo más importante es buscar un icono que te guste, que vaya con el estilo de tu blog, elegir el tamaño más apropiado y por supuesto tener claro la URL hasta tu medio social.

Te propongo dos maneras de afrontar este reto, la primera es mediante las siguientes colecciones seleccionadas previamente por iniciaBlog, la segunda es buscando otro estilo de iconos.

En las colecciones seleccionadas por iniciaBlog tienes dos tamaños y podrás ver que lo único que tienes que hacer es copiar el fragmento de código que tienes, pegarlo en un gadget del tipo HTML/JavaScript de Blogger....bueno...vamos por parte, esto te lo explico luego. Mira primero estas colecciones y seguimos un poco más abajo.

Método 1. Colecciones de iconos de iniciaBlog (método fácil)

Colección Estandar	Tamaños/Codigo HTML
CANAL	M (32px)	XL (48px)
Twitter
	<a href="http://twitter.com/AQUI_TU_USUARIO" target="_blank"><img src="https://lh6.googleusercontent.com/--aIk2uBwEKM/T3nN1x09jBI/AAAAAAAAAs8/qzDsbw3kEm8/s32/twitter32.png" width=32 height=32 alt="Síguenos en Twitter" /></a>	<a href="http://twitter.com/AQUI_TU_USUARIO" target="_blank"><img src="https://lh6.googleusercontent.com/-vao9pzZoGtk/T6VYC4d1YMI/AAAAAAAAA0U/4rdP2chJido/s48/twitter48.png" width=48 height=48 alt="Síguenos en Twitter" /></a>
Facebook
	<a href="http://www.facebook.com/AQUI_TU_PAGINA" target="_blank"><img alt="Siguenos en Facebook" src="https://lh6.googleusercontent.com/-CYt37hfDnQ8/T3nNydojf_I/AAAAAAAAAr0/P5OtlZxV4rk/s32/facebook32.png" width=32 height=32 /></a>	<a href="http://www.facebook.com/AQUI_TU_PAGINA" target="_blank"><img alt="Siguenos en Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqrkZKgDQcEY_ziNHhMIP_k9uoOIaXQXqCfFqBQ5W0qH-LnWZDFyupQ5-PGBiPJYZcnqq-gfz1mm4bPnPxKU6TtkXrTJ1KlqQfpJfkdEU-uFroC9kHeai6R3yIXYs5fn_PfDT6cpl8qZM/s48/facebook48.png" width=48 height=48 /></a>
Google+
	<a rel="author" href="https://plus.google.com/TU_ID_GOOGLE?rel=author" target="_blank"><img alt="Siguenos en Google+" src="https://lh5.googleusercontent.com/-F_FBKktZWZk/T3nN0v4FeAI/AAAAAAAAAsc/7dHTxkxn4cI/s32/google32.png" width=32 height=32 /></a>	<a rel="author" href="https://plus.google.com/TU_ID_GOOGLE?rel=author" target="_blank"><img alt="Siguenos en Google+" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkeWSOeIPNDFy4maYwFlfqN3RuvQ9VZxkrmdtNpupPlK5Tf7U8UuZE6ZG9CYw5eQEhkElXTQBHQJXR5EMPPC2sAtOzdixImLtLKJhWhSvE7pXeFDNoohKs-au9UUnVOqPpZJymWxOvsbo/s48/google48.png" width=48 height=48 /></a>
RSS:
	<a href="URL_DE_TU_RSS_AQUI" target="_blank"><img alt="Siguenos en por RSS" src="https://lh3.googleusercontent.com/-YH1AmjXyfVo/T3nN1ApZLnI/AAAAAAAAAsk/XhB4UGXRYm8/s32/rss32.png" width=32 height=32 /></a>	<a href="URL_DE_TU_RSS_AQUI" target="_blank"><img alt="Siguenos por RSS" src="https://lh6.googleusercontent.com/-IaSCUxATz8U/T6mV-NTsc_I/AAAAAAAAA0k/gUMcx3eNT2U/h120/rss48.png" width=48 height=48 /></a>
Flickr
	<a href="URL_DE_TU_CANAL_FLICKER" target="_blank"><img alt="Siguenos en Flickr" src="https://lh5.googleusercontent.com/-Pvu1pn6_OeQ/T3nNygodQfI/AAAAAAAAAr4/VucCqUE4WvI/s32/flick32.png" width=32 height=32 /></a>	<a href="URL_DE_TU_CANAL_FLICKER" target="_blank"><img alt="Siguenos en Flickr" src="https://lh3.googleusercontent.com/-JYorZKk70NA/T6VX0kaThlI/AAAAAAAAA0A/N4J7BhQlZJI/s48/flickr48.png" width=48 height=48 /></a>
Picasa
	<a href="URL_DE_TU_CANAL_PICASA" target="_blank"><img alt="Siguenos en Picasa" src="https://lh3.googleusercontent.com/-_VAgXkDZ95o/T6mZmQ2UI4I/AAAAAAAAA1k/a3NC-msc1nE/s32/picasa32.png" width=32 height=32 /></a>	<a href="URL_DE_TU_CANAL_PICASA" target="_blank"><img alt="Siguenos en Picasa" src="https://lh5.googleusercontent.com/-BVPEEBx6Ku8/T6mZmSkKrzI/AAAAAAAAA1g/452IOH_pW9E/s48/picasa48.png" width=48 height=48 /></a>
Youtube
	<a href="URL_DE_TU_CANAL_YOUTUBE" target="_blank"><img alt="Siguenos en YouTube" src="https://lh5.googleusercontent.com/-TXzlKCbKzWs/T6mYkDhTXyI/AAAAAAAAA1U/vm95Q2KwrYg/s32/youtube32.png" width=32 height=32 /></a>	<a href="URL_DE_TU_CANAL_YOUTUBE" target="_blank"><img alt="Siguenos en YouTube" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFGxR-OGP9EQpFXWleOcFakNqsmdloGbVTldeIe3vAvHqvsjsbQHP9Ft7cERUK40qYZG-oiGIUu2OJgdOBiuWEXIX-UpLhWh4AygKTwHoIJT_3UHpozj2Fbbs90HRAk2-VrQp1l7DgqGE/s48/youtube48.png" width=48 height=48 /></a>
Tumblr
	<a href="URL_DE_TU_BLOG_TUMBLR" target="_blank"><img alt="Siguenos en Tumblr" src="https://lh3.googleusercontent.com/-rLA4XAhk6OM/T7YDzA-IqcI/AAAAAAAAA4I/b5-1aH8CnOg/s32/tumblr32.png" width=32 height=32 /></a>	<a href="URL_DE_TU_BLOG_TUMBLR" target="_blank"><img alt="Siguenos en Tumblr" src="https://lh4.googleusercontent.com/-H9KleSQeKcw/T7YDzaGg2jI/AAAAAAAAA4M/KxLt5fPSHi4/s48/tumblr48.png" width=48 height=48 /></a>
Pinterest
	<a href="http://pinterest.com/TU_USUARIO_AQUI" target="_blank"><img alt="Siguenos en Pinterest" src="https://lh6.googleusercontent.com/-zlT-cpS5aIE/T73l-U2HzHI/AAAAAAAAA5k/Y6plORusOXM/s128/pinterest32.png" width=32 height=32 /></a>	<a href="http://pinterest.com/TU_USUARIO_AQUI" target="_blank"><img alt="Siguenos en Pinterest" src="https://lh3.googleusercontent.com/-VL5WSnUKa9k/T73l-VAgt8I/AAAAAAAAA5k/EUxxhbV2P7s/s48/pinterest48.png" width=48 height=48 /></a>
Linkedin
	<a href="http://www.linkedin.com/TU_PERFIL_PUBLICO" target="_blank"><img alt="Siguenos en Linkedin" src="https://lh5.googleusercontent.com/-8C0OdSp_7ZA/T3nN0G_313I/AAAAAAAAAsU/6_Hbu6Of3qU/s32/linkedin32.png" width=32 height=32 /></a>	<a href="http://www.linkedin.com/TU_PERFIL_PUBLICO" target="_blank"><img alt="Siguenos en Linkedin" src="https://lh3.googleusercontent.com/-p3CU-8ilvxY/T6VX0-t2qKI/AAAAAAAAA0A/AECDo1xT6EA/s48/linkedin48.png" width=48 height=48 /></a>
Blogger
	<a href="URL_DE_TU_BLOG" target="_blank"><img alt="Siguenos en Blogger" src="https://lh5.googleusercontent.com/-DXeOni57Mhw/UAZnvWC5o-I/AAAAAAAABBs/MSxKzkxY1Kc/s32/blogger32.png" width=32 height=32 /></a>	<a href="URL_DE_TU_BLOG" target="_blank"><img alt="Siguenos en Blogger" src="https://lh4.googleusercontent.com/-xZe9TOOvWOg/UAZnvRrsW0I/AAAAAAAABBs/e04pnurQRwA/s48/blogger48.png" width=48 height=48 /></a>
Instagram
	<a href="URL_DE_TU_PERFIL_INSTAGRAM" target="_blank"><img alt="Siguenos en Blogger" src="https://lh5.googleusercontent.com/-vBqtz2iv2BE/UIqE3LQyFMI/AAAAAAAABgA/TJ4W-vIBjsc/s32/instagram32.png" width=32 height=32 /></a>	<a href="URL_DE_TU_PERFIL_INSTAGRAM" target="_blank"><img alt="Siguenos en Blogger" src="https://lh3.googleusercontent.com/-D-erW-8vZFo/UIqE3H6oUuI/AAAAAAAABgE/4kh346Lwaxk/s48/instagram48.png" width=48 height=48 /></a>

Colección Ballons	Tamaños/Codigo HTML
CANAL	M (32px)	XL (48px)
Twitter
	<a href="http://twitter.com/AQUI_TU_USUARIO" target="_blank"><img src="https://lh5.googleusercontent.com/-x-K74Nqb3_8/T3ld3Uti0KI/AAAAAAAAAq0/hr-30_WBTzc/s32/twitter32.png" width=32 height=32 alt="Síguenos en Twitter" /></a>	<a href="http://twitter.com/AQUI_TU_USUARIO" target="_blank"><img src="https://lh6.googleusercontent.com/-IvssUOIxeho/T6Px1qpUA0I/AAAAAAAAAww/IN5WdKCFWcQ/s48/twitter48.png" width=48 height=48 alt="Síguenos en Twitter" /></a>
Facebook
	<a href="http://www.facebook.com/AQUI_TU_PAGINA" target="_blank"><img alt="Siguenos en Facebook" src="https://lh5.googleusercontent.com/-4A-Wbh0NZ_Q/T3ld0epmoXI/AAAAAAAAApk/9sdoq81hjVg/s32/facebook32.png" width=32 height=32 /></a>	<a href="http://www.facebook.com/AQUI_TU_PAGINA" target="_blank"><img alt="Siguenos en Facebook" src="https://lh3.googleusercontent.com/-p36RQiaNpZU/T6P5QFjPz_I/AAAAAAAAAxI/QLR60pfni-s/s48/facebook48.png" width=48 height=48 /></a>
Google+
	<a rel="author" href="https://plus.google.com/TU_ID_GOOGLE?rel=author" target="_blank"><img alt="Siguenos en Google+" src="https://lh6.googleusercontent.com/-YtRp8Sisjzk/T3ld1T3XHHI/AAAAAAAAAqE/ZFUE-GvTuEg/s32/google32.png" width=32 height=32 /></a>	<a rel="author" href="https://plus.google.com/TU_ID_GOOGLE?rel=author" target="_blank"><img alt="Siguenos en Google+" src="https://lh3.googleusercontent.com/-witPc5RcDa4/T6P7CsbZtbI/AAAAAAAAAxg/CiPRAYWn1Uk/s48/google48.png" width=48 height=48 /></a>
RSS:
	<a href="URL_DE_TU_RSS_AQUI" target="_blank"><img alt="Siguenos por RSS" src="https://lh4.googleusercontent.com/-JO-lNXTkv48/T3ld2oJETMI/AAAAAAAAAqg/WDWpbwTBGr8/s32/rss32.png" width=32 height=32 /></a>	<a href="URL_DE_TU_RSS_AQUI" target="_blank"><img alt="Siguenos por RSS" src="https://lh5.googleusercontent.com/-v7ht01AFOMs/T6P72HK5daI/AAAAAAAAAx4/TiNSsoF27_s/s48/rss48.png" width=48 height=48 /></a>
Flickr
	<a href="URL_DE_TU_CANAL_FLICKER" target="_blank"><img alt="Siguenos en Flickr" src="https://lh6.googleusercontent.com/-s3n9tWBM910/T3ld03VxqNI/AAAAAAAAAp0/QTbvFcfUj_s/s32/flickr32.png" width=32 height=32 /></a>	<a href="URL_DE_TU_CANAL_FLICKER" target="_blank"><img alt="Siguenos en Flickr" src="https://lh4.googleusercontent.com/-AmvRPW9ySIw/T6P80UYv2DI/AAAAAAAAAyQ/os6hLB9mm5w/s48/flickr48.png" width=48 height=48 /></a>
Picasa
	<a href="URL_DE_TU_CANAL_PICASA" target="_blank"><img alt="Siguenos en Picasa" src="https://lh6.googleusercontent.com/-EC-fX4s2VMc/T3ld2PigyFI/AAAAAAAAAqQ/nyCVd2ZnjvE/s32/picasa32.png" width=32 height=32 /></a>	<a href="URL_DE_TU_CANAL_PICASA" target="_blank"><img alt="Siguenos en Picasa" src="https://lh6.googleusercontent.com/-ZHB1Z6vPpKc/T6VMYoEqgiI/AAAAAAAAAy0/Q-H1BeHKziI/s48/picasa48.png" width=48 height=48 /></a>
Youtube
	<a href="URL_DE_TU_CANAL_YOUTUBE" target="_blank"><img alt="Siguenos en YouTube" src="https://lh6.googleusercontent.com/-rVomfUIWxBw/T3ld3h7qGnI/AAAAAAAAAqs/Mvp1kyj9bzo/s32/youtube32.png" width=32 height=32 /></a>	<a href="URL_DE_TU_CANAL_YOUTUBE" target="_blank"><img alt="Siguenos en YouTube" src="https://lh6.googleusercontent.com/-oXE9dKm36w0/T6VMYqB2pBI/AAAAAAAAAy0/ROjPLna4s_w/s48/youtube48.png" width=48 height=48 /></a>
Blogger
	<a href="URL_DE_TU_CANAL_BLOG" target="_blank"><img alt="Siguenos en Blogger" src="https://lh5.googleusercontent.com/-Ez7a1J55YCo/UAZlRTrlp1I/AAAAAAAABBQ/4QwV0M9XY6w/s32/blogger32.png" width=32 height=32 /></a>	<a href="URL_DE_TU_BLOG" target="_blank"><img alt="Siguenos en Blogger" src="https://lh5.googleusercontent.com/-JdVqsq8WNkU/UAZlRUvdllI/AAAAAAAABBI/Zdnikt_KaJw/s48/blogger48.png" width=48 height=48 /></a>
Instragram
	<a href="URL_DE_TU_PERFIL_INSTRAGRAM" target="_blank"><img alt="Siguenos en Blogger" src="https://lh5.googleusercontent.com/-2cd4qn_7yDs/UIqEfqncDaI/AAAAAAAABfw/qhUaWfiH7DU/s32/instagram32.png" width=32 height=32 /></a>	<a href="URL_DE_TU_PERFIL_INSTRAGRAM" target="_blank"><img alt="Siguenos en Blogger" src="https://lh3.googleusercontent.com/-ZNdcR7k-G-Y/UIqEfiRWw5I/AAAAAAAABf0/Xntq3EpZRqY/s48/instagram48.png" width=48 height=48 /></a>

Paso 1. Copia el código de cada icono en un bloc de notas:

• Una vez seleccionado el icono que te gusta, copia el fragmento de código que se encuentra justo debajo de cada imagen.
• Abre el Bloc de notas y pega el fragmento de código
• Solo tienes que indicar la URL hasta tu canal social correspondiente al icono, es decir si el icono es de Twitter deberás indicar la url hasta tu canal en Twitter, lo mismo para el resto.
• Te he puesto en MAYUSCULAS allí donde deberás indicar la URL correpondiente
• Repite estos mismos pasos si vas a incorporar a tu blog varios de estos iconos. De manera que el mismo bloc de notas vas pegando los diferentes fragmentos de código correspondiente a cada uno de tus canales sociales.

Paso 2. Pegar el código HTML en el blog

• Una vez que hayas indicado la URL de tus canales sociales a cada pequeño fragmento
• Selecciona todo el código personalizado del bloc de notas y cópialo
• Pega el código en el Blog, para ello
• Abre la pestaña "Diseño"
• En la barra lateral elige "Añadir nuevo Gadget"
• Se muestra una lista, elige el que pone "HTML/Javascript"
• En título pon por ejemplo Sígueme
• En contenido, pega el código obtenido anteriormente
• Guarda la plantilla y visualiza el blog.
• Recuerda que puedes mover el Gadget para situarlo en el sitio deseado

Prueba que cada icono te lleva a tu canal social, si esto no fuera así es que hay algo que no va en la dirección que has puesto, edita el propio Gadget y seguro que encontrarás dónde te has equivocado.

Seguimos publicando nuevas colecciones y completando las existentes, por lo que si necesitas un icono que no está en cualquiera de las colecciones anteriores solo tienes que solicitarlo mediante un comentario en esta misma entrada.

Hasta aquí el tutorial si te has decidido algunas de las colecciones de iniciaBlog. Espero que te haya resultado fácil, te invito a dejar un comentario y a compartir esta entrada con tus amigos y seguidores.
-
Información tomada de: http://www.iniciablog.com/2011/03/iconos-sociales-twitter-facebook-blog.html