10 jun. 2013

Iconos de redes sociales para blogger

como poner iconos de redes sociales en tu blog

poner iconos de redes sociales en blogger : para decir sígueme, son muy populares para las paginas web y blogs, gracias a los botones, accedemos un sitio en cada red social como facebook, twitter, google+, likedin etc, para elección de sus seguidores y visitantes y así popularizar y dar mas promoción a su sitio.
  1. Hay una versión actualizada para colocar iconos sociales en blogger ir a la entrada



Iconos de redes sociales para blogger




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. y pega los código en un gadget de HTML/Javascript.



twitter icono


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


facebook icono

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


google+ icono

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


youtube icono

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


rss icono

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


flicker icono

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


likedin icono

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


pinterest icono

<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,  ir a diseño, elemento HTML/Javascript, pegas el código guardas y listo sitúas los botones de redes sociales para blogger, 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 paquetes con iconos listo para descargar:

facebook icono



facebook icono
      



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

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

Iconos de redes sociales para blogger

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


Iconos de redes sociales para 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 para 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 para 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 para 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 para 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 para 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 parta que tus seguidores te vean.
Iconos de redes sociales para blogger

9 comentarios:

2016 © Inovablog