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.
