COMO PONER ICONOS DE REDES SOCIALES PARA WEB Y BLOGGER
- septiembre 8th, 2013
- Blogger, Diseño, Redes sociales
Iconos de redes sociales para blogger y web
Vamos a colocar Iconos de redes sociales en nuestro blog o también para paginas web, ya había explicado como poner estos botones sociales, pero ahora traigo mas iconos sociales y mejores y están listos para colocarlos en tu blog o web, si usas wordpress, blogger o cualquier otro servicio no te preocupes el código de estos botones sociales esta optimizados y la imágenes también, así tendrás mas popularidad entre tus seguidores.
Bien, los iconos están completamente optimizados y son de diferentes tamaños, los mas populares (32px, 40px y 48px), cada icono tiene la etiqueta alt, (esta sirve para mostrar texto alterno a los buscadores si no pueden abrir la imagen) y title para mostrar el titulo de la imagen, y cada uno tiene su tamaño especifico, OJO no quiero decir que es el mismo icono para los diferentes tamaños, no cada tamaño tiene su icono propio, entre otras palabras estos iconos de redes sociales para web y blogs están muy bien optimizados, si quieres puedes aprender mas sobre optimizar imágenes.
Comfiguracion
cada código tiene este compuesto<a href=”URL-FACEBOOK” target=”_blank”><img alt=”siguenos en facebook” height=”40″ src=”http://www.maxiblogger.com/wp-content/uploads/2013/09/face1.png” title=”siguenos en facebook” width=”40″ /></a>lo que esta en rojo debes remplazarlo por la url de tu usuario o pagina en la red social que escogiste,
ejemplo si mi pagina en facebook es
https://www.facebook.com/BitacoraDelManzano
- remplazo la parte en rojo por esa dirección y lo mismo para twitter google+ o cualquier botón social que hayas elegido.
- lo que esta en color azul es el texto que mostrara al pasar el cursor, si quieres puedes cambiarlo por otra frase como mira mi pagina en facebook por ejemplo.
- y lo de color verde es el texto alternativo para los buscadores (déjalo así)
¿Como colocar estos iconos sociales en mi blog?
Ahora solo debes seleccionar el icono social que quieras, y seguido o al lado de este, hay un código, ese debes copiarlo, para tener ese icono y has lo que dije en la configuración.
si usas blogger: copia el codigo -> ve a diseño -> añadir un gadget -> elige un HTML/Javascript, pega los códigos que elegiste y guarda.
si usas wordpress: copia el codigo -> ve a Escritorio-> Apariencia-> Widgets -> elige el widget cuyo nombre es ‘Texto’-> y pegas los códigos que elegiste.
si usas otra plataforma ya veras como tu los colocas.
¡y bien están listos tus iconos de redes sociales para tus seguidores!
| 32px | 40px | 48px |
|---|---|---|
 |  |  |
 |  |  |
| Google+ | ||
 |  |  |
 |  |  |
 |  |  |
 |  |  |
 |  |  |
| Youtube | ||
 |  |  |
 |  |  |
 |  |  |
| Likedin | ||
 |  |  |
 |  |  |
 |  |  |
| Rss feed | ||
 |  |  |
| Delicious | ||
 |  |  |
 |  |  |
 |  |  |
 |  |  |
| Blogger | ||
 |  |  |
 |  |  |
| Digg | ||
 |  |  |
 |  |  |
| Dribbble | ||
 |  |  |
| Tumblr | ||
 |  |  |
| Flickr | ||
 |  |  |
 |  |  |
 |  |  |
| Picasa | ||
 |  |  |
 |  |  |
| Correo | ||
 |  |  |
 |  |  |
| Slideshare | ||
 |  |  |
 |  |  |
| Myspace | ||
 |  |  |
| Orkut | ||
 |  |  |
 |  |  |
 |  |  |
 |  |  |
| Skype | ||
 |  |  |
 |  |  |
| StumbleUpon | ||
 |  |  |
 |  |  |
| Vimeo | ||
 |  |  |
| WordPress | ||
 |  |  |
 |  |  |
| Yahoo! | ||
 |  |  |
 |  |  |
| Friendfeed | ||
 |  |  |
| Livejournal | ||
 |  |  |
| Hi5 | ||
 |  |  |
| Skyrock | ||
 |  |  |
| Vkontakte | ||
 |  |  |
No hay comentarios:
Publicar un comentario