http://www.iniciablog.com/2011/03/iconos-sociales-twitter-facebook-blog.html
¿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.
Si eres nuevo y no conocidas iniciaBlog, me gustaría darte la bienvenida y contarte que en este blog podrás encontrar multitud de tutoriales para tu blog usando Blogger, por lo que te invito a visitar el índice de contenidos para descubrir nuevos temas.
 |
| 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
| 
| 
|
| | |
Facebook
|  | 
|
| | |
Google+
|  | 
|
| | |
RSS:
|  |  |
| | |
Flickr
|  | 
|
| | |
Picasa
|  |  |
| | |
Youtube
|  |  |
| | |
Tumblr
|  | 
|
| | |
Pinterest
|  | 
|
| | |
Linkedin
|  |  |
| | |
Blogger
|  | 
|
| | |
Instagram
|  |  |
| | |
Colección Ballons
|
Tamaños/Codigo HTML
|
CANAL
|
M (32px)
|
XL (48px)
|
Twitter
|  | 
|
| | |
Facebook
|  |
|
| | |
Google+
|  |  |
| | |
RSS:
|  |  |
| | |
Flickr
|  |  |
| | |
Picasa
|  |  |
| | |
Youtube
|  |  |
| | |
Blogger
|  |  |
| | |
Instragram
|  |  |
| | |
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.
Ah! se me olvidava, si quieres recibir las próximas publicaciones de
iniciaBlog directamente en tu correo electrónico solo tienes que
hacer clic para suscribirte a nuestro boletín gratuito.
Por último, por favor n
o salgas de iniciaBlog sin ver esto, creo que te va a gustar.
