icon-iconos-icons-blog-download-descarga-texto-botones-redes-sociales-twitter-tumblr-facebook-google+
Blog, Informática

Tutorial completo para poner tus iconos de redes sociales en tu blog.

Hoy os traigo un artículo seguro que muy buscado y que os resolverá vuestros problemas a la hora de que queráis poner vuestros propios iconos de vuestras redes sociales como puede ser Google+ , Tumblr, Twitter, Facebook… Sigue leyéndome 🙂

Como sabréis si tenéis un blog de WordPress sin dominio propio las redes que ponéis están limitadas, ni Tumblr ni Google+ (que tiene un papel fundamental para posicionamiento web) aparecen para poner tu enlace. A mí personalmente me costó muchísimo encontrar con el método (o los códigos) adecuados.

Al principio os parecerá complicado y os costará, puede ser que a la primera no salga bien, aunque no lo creo ya que a mí con estos códigos que os mostraré a continuación me salió a la primera 😀

Es muy fácil, solo tienes que prestar atención a mis pasos y si tienes alguna duda no dudes en dejarme un comentario y enseguida te ayudaré 🙂


Lo primero que tienes que hacer es buscar tu icono/s, busca el que más te guste. A continuación os dejo mi página favorita, hay muchas otras pero sinceramente es la que más me ha convencido y en la que iconos con mejor calidad y más variados que he encontrado.          ->Iconfinder

Ahora os doy mi tutorial para que os fijéis bien en mis pasos:

Accedemos a la página Iconfinder y en su buscador escribimos el nombre de aquel icono de red social que estemos buscando, como ejemplo puse Google+

tuto
Una vez que accedemos nos aparecerán muchos iconos, algunos de pago hay que decir, por eso si lo que buscas es que sea gratuito selecciona la pestaña de la izquierda ”FREE”

tutoo

Una vez seleccionado el que más te guste (hay muchísimos) haces click en él y solo tienes que seleccionar uno de los cuadritos verdes, el que prefieras, yo selecciono PNG, y empezará la descarga a tu PC.

tutoooo

Bien, hasta ahí todo sencillo y sin líos ¿verdad?, ahora viene la parte que te puede resultar más complicada y sobretodo muy pesada.

> Una vez tengas todos tus iconos descargados en tu pc, tienes que acceder en WordPress a WPadministrador, todos sabemos dónde está ¿no? en nuestra barra de la izquierda. Allí tienes que dirigirte a ”Medios” y dentro de este a ”Añadir Nuevo”

tutoooou 

Buscáis vuestro icono en el pc y lo ”subís”. Esto es solo para conseguir la url de la imágen ya que la necesitarémos en el paso final.

A la derecha tenéis esta url que necesitamos, copiala y pégala en el bloc de notas (por ejemplo) para tenerla ya asegurada y saltarnos este paso más adelante.

iconos-en-redes-sociales-personaliza-tu-blog-web-wordpress-google+-facebook-twitter-instagram-tumblr

Ahora os dejo el código HTML que vais a necesitar indispensáblemente para que podáis tener vuestros iconos

<a href="AQUÍ TU URL DE RED SOCIAL"><img SRC="AQUÍ LA URL DE LA IMÁGEN DEL ICONO QUE QUIERES PONER EN TU BLOG" WIDTH="45" HEIGHT="45" /></a>

Esta URL debes introducirla en un WIDGET DE TEXTO, te recomiendo que pongas este widget en primer lugar para que se vea bien clarito y la gente lo tenga fácil para acceder a tu página 🙂

PDT: Donde pone  WIDTH=”45″ HEIGHT=”45″ se refiere al tamaño del icono, ¡puedes variarlo y ponerlo a tu gusto!.

¡Ahora solo tienes que hacer eso con todos los botones que te apetezca tener en tu blog!

No dudes en dejarme un comentario, darle a me gusta y suscribirte si quieres estar al tanto de mis publicaciones 🙂

OTRO POST QUE NO PUEDES PERDERTE: Top los 20 mejores fondos de pantalla para tu Smartphone.

Anuncios

2 comentarios en “Tutorial completo para poner tus iconos de redes sociales en tu blog.”

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s