Magazine

iconos de redes sociales en blogger

Publicado el 08 enero 2013 por Loquendo Manzano

poner iconos de redes sociales en blogger

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.


iconos de redes sociales en blogger

<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>

iconos de redes sociales en blogger
<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>

iconos de redes sociales en blogger
<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>

iconos de redes sociales en blogger
<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>

iconos de redes sociales en blogger
<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>

iconos de redes sociales en blogger
<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>

iconos de redes sociales en blogger
<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>

iconos de redes sociales en blogger
<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 iconos de redes sociales en blogger botones sociales estilo 1        iconos de redes sociales en blogger botones sociales estilo 2  iconos de redes sociales en blogger       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)
iconos de redes sociales en blogger
y una ves aquí empieza a subir las imágenes de las redes sociales que vayas a usar.
iconos de redes sociales en blogger

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


iconos de redes sociales en blogger


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:
iconos de redes sociales en blogger
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).


iconos de redes sociales en blogger

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!


iconos de redes sociales en blogger

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


iconos de redes sociales en blogger

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í


iconos de redes sociales en blogger

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

iconos de redes sociales en blogger

Volver a la Portada de Logo Paperblog