CÓMO COLOCAR REDES SOCIALES EN TU BLOG + PACK DE BOTONES

4 de julio de 2016

Holaaaaaa

Feliz y maravilloso lunes, hoy tenemos otro tutorial ^^ este me lo han estado pidiendo y aquí lo tienen. Este tuto es muy muy fácil ya que se trata sólo de un código para agregar a un gadget. Pero si ya tienen estos botones en su blog para que los sigan en sus redes, igual no se vayan porque tengo un mega pack de botones en muchísimos colores que quizá les interese. Así que manos a la obra :)




♥ El código:

Para colocar estos botones el código que necesitan es el siguiente:

<center>

<a href="URL DE TU RED SOCIAL" target='_blank'><img title=”Seguir en NOMBRE RED SOCIAL” src="URL DEL SITIO DONDE ESTÁ EL BOTÓN" width= '40px' /></a>

</center>


♥ Modificaciones:
  • URL DE TU RED SOCIAL:  enlace a tu red social. Respetando las comillas. 
  • URL DEL SITIO DONDE ESTÁ EL BOTÓN: En esta entrada enseño como obtener la URL de una imagen desde blogger.
  • TAMAÑO DEL BOTÓN: Yo tengo ese valor pero lo pueden cambiar a su gusto.
  • <center>  </center>: Esto es para tener los botones centrados, si no los quieren centrados eliminen estas líneas.
Repite este código las veces que lo necesites.

♥ Instalación:

Para instalarlos solo tienen que dirigirse a: Diseño → Añadir un Gadget → HTML y pegar el código con sus modificaciones.

♥ Ejemplo:

Si quieren que los sigan en Facebook, Twitter e Instagram el código quedaría de la siguiente manera:

<center>

<a href="URL DE TU FACEBOOK" target='_blank'><img title=”Seguir en FACEBOOK” src="URL DEL SITIO DONDE ESTÁ EL BOTÓN" width= '40px' /></a>

<a href="URL DE TU TWITTER" target='_blank'><img title=”Seguir en TWITTER” src="URL DEL SITIO DONDE ESTÁ EL BOTÓN" width= '40px' /></a>

<a href="URL DE TU INSTAGRAM" target='_blank'><img title=”Seguir en INSTAGRAM” src="URL DEL SITIO DONDE ESTÁ EL BOTÓN" width= '40px' /></a>

</center>


Sólo queda colocar el gadget donde quieran y listo.

 Ahora lo que les prometí. He aquí muchos iconos sociales en muchos colores:

PACK 1

PACK 3


PACK 2

PACK 4

Y antes de terminar, les recuerdo que EN ESTA ENTRADA también compartí muchos iconos sociales con ustedes de varios modelos.


Y si quieren seguirme en mis redes aquí les dejo los enlaces.


Gracias por estar otro lunes conmigo, si les gustó por favor compartan el post. Besos!!

6 comentarios:

  1. Hola! Súper útil y me ha encantado el primer pack así que me lo descargaré para ponerlo en mi blog, muchas gracias :)
    Nos leemos!

    ResponderEliminar
  2. ¡Hola!

    Me ha encantado el tutorial *-* Y los packs de iconos me han encantado, así que me los guardo para cambiarlos en cuanto esté en el ordenador ^^ ¡Son preciosos!

    Gracias por el tutorial :) ¡Besos!

    ResponderEliminar
  3. Esta genial ^^ me encanta el pack tres juju!!

    ResponderEliminar
  4. Un tutorial genial, gracias por compartir.

    ResponderEliminar
  5. Hola!
    Super chulo el tutorial y los iconos perfectos porque nos compartes de todos los colores, osea que si o si nos adaptaremos con alguno para que combine con el estilo de nuestro blog.
    Gracias.
    Besos

    ResponderEliminar
  6. Hola!
    Me encantan estos post en los que nos dais una ayudita a los que se nos hace un mundo con esto del html jeje
    Gracias!

    ResponderEliminar