Tutorial: Cómo incrustar los botones de tus redes en tus sitios y blogs

Publicado el 22 agosto 2011 por Bebloggera @bebloggera




A continuación les voy a contar como agregar botones de sus redes sociales en sus sitios y blogs. Es muy fácil, solamente tienen que tener las imágenes ,que para tu suerte vamos a ir subiendo en nuestro blog, luego tienes que subirlas a algún hosting para salvar su URL. Puedes usar Mediafire, Photobucket, Tinypic u otros que te agraden. Teniendo eso solamente queda seguir los siguiente fáciles pasos.
Ojo: El siguiente código se aplica para cualquier imagen que quieras incrustar en tus sitios no solamente botones de redes.
CÓDIGO 1
El código es el siguiente:
<a href="URL del sitio"><img src="URL de la imagen" /></a>
CÓDIGO 2


Si quieres que salga centrado solo tienes que agregar antes y después del código "center" como se muestra a continuación.
<center>
AQUÍ VA EL CÓDIGO
</center>
Ahora si quieres poner una imagen al lado de la otra como se puede apreciar en la imagen principal de la entrada, lo único que tienes que hacer es pegar el CODIGO1 las veces que quieras justo al lado del código anterior, como se ve en el ejemplo:
<a href="URL del sitio"><img src="URL de la imagen" /></a><a href="URL del sitio"><img src="URL de la imagen" /></a>
Por el contrario si quieres que salga en fila hacia abajo tienes que ponerlo con un salto, como se aprecia a continuación:
<a href="URL del sitio"><img src="URL de la imagen" /></a>
<a href="URL del sitio"><img src="URL de la imagen" /></a>
Vieron que era fácil. :)
Ahora les dejamos un código ya hecho con estos lindos botones de redes sociales, diseño de cojines de peluches que puedes descargar aquí el Pack en todos sus tamaños.
Acá les va el código
<center><a href="FEED del sitio"><img src="http://i1097.photobucket.com/albums/g354/BeBloggera/Botones%20de%20redes/Furry-Cushion-RSS_48.png" /></a><a href="URL facebook"><img src="http://i1097.photobucket.com/albums/g354/BeBloggera/Botones%20de%20redes/Furry-Cushion-Facebook_48.png" /></a><a href="URL twitter"><img src="http://i1097.photobucket.com/albums/g354/BeBloggera/Botones%20de%20redes/Furry-Cushion-Twitter_48.png" /></a><a href="URL Linkedin"><img src="http://i1097.photobucket.com/albums/g354/BeBloggera/Botones%20de%20redes/Furry-Cushion-LinkedIn_48.png" /></a></center>
Lo único que tienes que hacer es cambiar donde está lo escrito en rosa por las respectivas url. Si por casualidad no tienen algunas de las redes solo tienen que borrar el código correspondiente