iconos de redes sociales en blogger

Publicado el 08 enero 2013 por Loquendo Manzano

poner iconos de redes sociales en blogger


poner iconos de redes sociales en blogger: son muy populares para las paginas web y blogs, ya que así crean un sitio en cada red social para elección de sus seguidores y visitantes y asi popularizar y dar mas promoción a su sitio.


hay 2 formas de ponerlos en tu blog la primera con iconos ya echos como estos que puedes usar
solo pon tu dirección de canal o pagina social.



<a href="http://twitter.com/AQUI_TU_USUARIO" target="_blank"><img src="http://2.bp.blogspot.com/-VrBpYHeBlIU/UOSnGkwNkQI/AAAAAAAAAQs/h1ibMhHk3xU/s320/twitter_128.png" width=32 height=32 alt="Síguenos en Twitter" /></a>


<a href="http://www.facebook.com/AQUI_TU_PAGINA" target="_blank"><img alt="Siguenos en Facebook" src="http://3.bp.blogspot.com/-j8AM2Anxbas/UOSmy78VTaI/AAAAAAAAAQk/aAE56_KJYYs/s320/facebook_128.png" width=32 height=32 /></a>


<a rel="author" href="https://plus.google.com/TU ID DE GOOGLE+" target="_blank"><img alt="Siguenos en Google+" src="http://3.bp.blogspot.com/-IsQ56oJyNWU/UOXElz_wEXI/AAAAAAAAASA/BEZ8Q9LA_SU/s320/googleplus_128.png" width=32 height=32 /></a>


<a href="URL_DE_TU_CANAL_YOUTUBE" target="_blank"><img alt="Siguenos en YouTube" src="http://2.bp.blogspot.com/-67cJA64Aewo/UOXC8b-ZrnI/AAAAAAAAARQ/guHhsV1MYV8/s320/youtube_128.png" width=32 height=32 /></a>


<a href="URL_DE_TU_RSS_AQUI" target="_blank"><img alt="Siguenos en por RSS" src="http://2.bp.blogspot.com/-EqrTSq8ur5c/UOSnuUMCBaI/AAAAAAAAAQ4/nImk8aaVFHw/s320/rss_128.png" width=32 height=32 /></a>


<a href="URL DE TU CANAL FLICKER" target="_blank"><img alt="Siguenos en Flickr" src="https://lh6.googleusercontent.com/-3_SgCYimvfE/UOoFsK8rWcI/AAAAAAAAAVM/hOE6oSY5YJE/h120/flockr1_64.png" width=32 height=32 /></a>


<a href="http://www.linkedin.com/TU_PERFIL_PUBLICO" target="_blank"><img alt="Siguenos en Linkedin" src="https://lh4.googleusercontent.com/-0feEjsEeMKw/UOoGVAO9G1I/AAAAAAAAAVU/DZJWeNiKEhg/h120/linkedin_64.png" width=32 height=32 /></a>


<a href="http://pinterest.com/TU_USUARIO_AQUI" target="_blank"><img alt="Siguenos en Pinterest" src="https://lh5.googleusercontent.com/-7On2_sWTB98/UOoHEj307QI/AAAAAAAAAVc/H_3P2dN2iOo/h120/pinterest_64.png" width=32 height=32 /></a>

y lo siguiente es copiar todo ese código, salir de la entrada, ir a diseño, elemento HTML/Javascriptpegas el código guardas y listo sitúas los botones donde quieras.


Para la segunda forma
Primero tienes que tener las imágenes iconos de las redes sociales, estos los puedes descargar de Internet hay millones de ellos de todas las formas.

aquí te dejo 3 tipos diferentes de packs con botones listo para descargar botones sociales estilo 1        botones sociales estilo 2         botones sociales estilo 3


bueno una ves tengas los iconos sociales del gusto que quieras podremos seguir,
el siguiente paso es ir A TU BLOG en una entrada nueva, ve asía html (que esta junto a redactar)

y una ves aquí empieza a subir las imágenes de las redes sociales que vayas a usar.

cuando vayas a subir una imagen aparezera un cuadro como este:



aquí debes dar en seleccionar archivo, la seleccionas de tu ordenador, tamaño de la imagen: la que quieras (recomiendo mediano) y pones centrado y subir imagen.

una ves echo esto aparecerá un trozo de html como este:

la sección seleccionada debes eliminarla.

en la próxima sección debes eliminarla y colocar la dirección de la red social tuya descuerdo al icono (ejemplo: si es un icono de facebook pones tu dirección de pagina facebook).


si vas a subir mas imágenes  cuando estas estén ya subidas, estarán igual a la primera, en estas deberás eliminar esta linea, (se elimina en la segunda tercera cuarta.....imagen) ¡pero no en la primera!


ahora que has subido mas botones sociales, debemos eliminar este fragmento en la primera, segunda, tercera......imagen ¡pero no en la ultima!


si quieres cambiar el tamaño de los iconos, cambias el numero que se encuentra en este trozo llamado width=** y height=**. si es un numero alto es grande y si es bajo es pequeña.

ahora que esta todo listo te quedara algo así


y lo siguiente es copiar todo ese código, salir de la entrada, ir a diseño, elemento HTML/Javascriptpegas el código guardas y listo sitúas los botones donde quieras.