Los blogs y las páginas de la web, en su mayoría, tienen iconos de redes sociales, que al momento de seleccionarlos te redireccionan a cada una de ellas. ¿Te has preguntado cómo puedes insertarlas en tu blog? En esta ocasión te traigo un tutorial sencillo para lograrlo.

socialmediaicons

Imagen vía Vecteezy

 

Una vez que tienes tu blog, es primordial hacer la conexión blog-redes sociales, para que tu lector pueda seguir tus actividades. Inicialmente debes saber qué redes sociales utiliza tu lector meta. En el momento en que las elijas, debes mantenerlas activas.

 

iloveitalian

Blog de comida Italiana: I Love Italian Food

collagevintage

Blog de Moda: Collage Vintage

rojocangrejo

Blog de viajes: Rojo Cangrejo

 

Blogger ofrece un paquete de gadgets, diseñado por ellos, que redireccionarán a tus redes sociales. Sin embargo, tenerlas personalizadas es mejor.

1. Diseño

Siempre decimos que el diseño es la base de la personalización e identidad de tu marca (blog). El primer paso consiste en buscar paquetes de vectores de redes sociales, cuyo diseño vaya de acuerdo a la esquematización y colores de tu blog. Puedes buscarlos en google con el título: Social Media Icons o ingresar a las siguientes páginas. Descarga el paquete en tu ordenador.

Vecteezy

Icon Finder

Vandelay Design

2. Una nueva entrada

Dentro de la plataforma en Blogger, crea una nueva entrada. Inserta los vectores de las redes sociales que hayas elegido. Edita la imagen cambiando su medida a ‘Tamaño Original‘. Personalmente me gusta que estén en línea recta, pero el acomodo puede ser a tu gusto.

blogsmicons

3. Enlaces/Vínculos

Después, abre las redes sociales del blog en el ordenador y copiarás la dirección URL. A cada icono le agregarás el vínculo a su URL correspondiente. Una vez realizado este paso en todos los iconos, pasa al siguiente paso.

blogredessociales

4. Código

En el menú de la parte superior de la hoja, del lado izquierdo, está el botón HTML, haz click sobre él. Ahora, copia todo el código que ahí aparece.

bloghtml

5. El gadget

En la página de ‘Diseño‘ en Blogger, agregarás un nuevo gadget de JavaScript/HTML. No es necesario un título para el gadget, sólo pega el código previamente copiado en el cuadro de ‘Contenido’. Guarda los cambios.

bloggadgethtml

6. TIP EXTRA

En caso de querer cambiar el tamaño a tu icono, abre la ventana para editar el gadget que has acabas de agregar, dentro del código HTML, buscarás éste código de apertura: ‘<img border=”0″ height=”60″…’. El número a alterar es el que esté después de la palabra ‘height, obviamente un número menor dará un tamaño menor. Calcula el tamaño y cámbialo en todos los códigos con ese título que tengas dentro del gadget.

blogimageheight

Prueba que cada uno de los botones abra la página correspondiente.

Si surgen preguntas, no dudes en decírnoslo. También nos gustaría que compartieras tus resultados.

Te recomendamos otros post para mejorar el diseño de tu blog…

como-insenrtar-el-gadget-compartir-de-facebook-a-tu-blog

Cómo insertar el gadget Compartir de Facebook a tu blog: paso a paso

Diseño de (11)

Cómo generar una estrategia en redes sociales para bloggers

Fuente Informativa:

  1. Foro Miembros Red, Patricia Pamos: Cómo insertar widgets o gadgets de redes sociales en tu blog
  2. Instructables: How to Add Social Media Buttons to You Blogger (Blogspot) Blog

 

0

Enviar un comentario

Tu dirección de correo electrónico no se publicará. Los campos obligatorios están señalados *

Dejar un comentario

Hay 0 comentarios