Los iconos estan optimizados para que se ajusten con la imagen del icono a tu sitio Web o Blog asi como el código ya esta creado solo te falta cambiar la dirección URL de su red social
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
cada código tiene estas lineas de HTML
<a href="URL-FACEBOOK" target="_blank"><img alt="siguenos en facebook" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdNqre_NZraFIuxZT-VyNh-bPfvMQx0OpdzLvHbwAi4K5X2hi5b2KT7UQ7vNhWox5ERUHerrO3d1hDlUeSukrS75wViN5nPx1tdety0ffjO7SayGgvzsE65cRllLjieRPjzJFR-5Ib3ZPG/s1600/face.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 tengas,
- Remplaza lo que esta en color rojo por la dirección de tu red social 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 personalizar a su gusto
- Lo de color verde es el texto alternativo para los buscadores (NO LO TOQUES DEJALO COMO ESTA)
¿Como colocar estos iconos sociales en su Blog o Web?
Solo debes seleccionar el icono social que quieras, y seguido o al lado de este, hay un código, el cual debes copiarlo y pegarlo dependiendo de la plataforma que utilizas por ejemplo:
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.
Por el contrario si utilizas wordpress: copia el codigo -> ve a Escritorio-> Apariencia-> Widgets -> elige el widget cuyo nombre es ‘Texto’-> y pegas los códigos que elegiste.
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 | ||
Si la información te fue de utilidad para resolver tu caso no olvides respondernos que así ha sido con un comentario para que otros usuarios puedan contar con esta solución ;D
Te ha resultado útil esta información?Tus comentarios nos ayudan a mejorar esta web.
Todo el material que se publica aquí es propiedad de sus respectivos autores. Por favor, informar al administrador si en algún momento se infringe los derechos de autor. Y vamos a vincular su sitio web oficial de la dirección de conexión, o eliminar en un plazo de tres días hábiles. preguntas, póngase en contacto con nosotros: nosgustalatecno @nosgustalatecnologia.es