Como personalizar los iconos de las redes sociales
Sois muchos los que me habéis preguntado por email en este tiempo la manera de personalizar los iconos de vuestras Redes Sociales. La verdad es que es algo interesante si queremos mantener la estética de nuestro Blog intachable.
De momento, he preparado algunos paquetes de iconos, de varias formas y colores, podéis descargar el que más os guste e instalarlo como gadget HTML/Javascrip en el sidebar de vuestro Blog como os cuento en el tutorial de más abajo.
Para poder seguir el tutorial, necesitáis tener un sistema de almacenamiento de archivos en la nube, os aconsejo Dropbox, para descargarlo y aprender las nociones básicas podéis seguir los pasos que os enumero de manera detallada en esta entrada.
Iconos Redes Sociales Personalizados
Para descargar los diferentes iconos tan solo tenéis que pinchar sobre el diseño elegido y guardarlo.
Flores
Círculos
Como instalar los iconos de redes sociales en el sidebar de mi Blog
1.- Subimos los iconos elegidos a una web de almacenamiento de archivos online, tipo Dropbox, Picasa y similares.
2.- Copiamos la URL de nuestra imagen.
3.- En el panel de Diseño de Blogger, creamos un nuevo gadget HTML/Javascript.
4.- Copiamos en él el siguiente código:
5.- Cambiamos lo que aparece EN MAYÚSCULAS por nuestros enlaces personalizados.
6.- Si queremos añadir otra red social, solo tenemos que añadir de nuevo el código que aparece entre
y
, que sería una nueva celda, añadiendo los correspondientes enlaces.
7.- Publicamos ¡y listo! Ya tenemos nuestros propios iconos de redes sociales personalizados en nuestro Blog. Probad con diferentes tamaños hasta que consigáis el resultado esperado sin que se salgan del sidebar, si incluis más de tres, podéis hacerlo en dos o tres tandas en diferentes gadgets.
¡¡Espero que os haya sido útil y haber respondido a vuestras dudas!!
Un fuerte abrazo,
Celia ♥
AVISO IMPORTANTE
Estoy migrando a MailChimp, por lo que a partir de la semana que viene los que os hayáis suscrito a mis actualizaciones por correo electrónico, recibiréis un único email cada domingo con el resumen de publicaciones semanales.
Si aún no te has apuntado para recibir mis novedades en tu correo electrónico, puedes hacerlo desde aquí:
Quiero recibir un correo semanal con las actualizaciones de El Perro de Papel
¿Todavía no te has suscrito a mi Super Boletín Mensual?
Recibirás información privada y tendrás acceso a nuestro Blog Privado para siempre.
Hace poco me hice unos, yo use para guardar la imágen picassa, me apunto lo de dropbox.
Me gusta como te han quedado los tuyos, además lo has explicado de una forma sencilla ;)
Es lo que intento, yo cuando empecé con esto la verdad que casi tuve que aprender chino para enterarme de las cosas jajaja Por eso intento simplificar al máximo todo lo que sea posible ;)
Me encanta como está quedando el blog! por cierto me llevo las flores, y para que me quede mejor, podrías haber dicho como ponerlos en horizontal, estoy volviéndome loca!!! Un beso guapa.
Ah! claro, abrí una cuenta con tu tutorial de Dropbox. Las subo allí y ya lo hago, verdad? Bueno, a ver si me sale. Te voy contando. Buenas noches guapa.
No no, eso no tiene nada que ver, yo no voy a borrar las imagenes de aqui, así que no te preocupes que no desaparecerán. Me refiero al código HTML/Javascrip de tu contenedor de iconos sociales.
Tienes que poner el código que he puesto dentro un cuadrado en el tutorial.
Es una tabla donde van alineados los iconos horizontalmente. La tabla y la orden style='display:inline-block;' hacen que salgan en horizontal y no en vertical.
Tendrías que añadir tus enlaces donde lo pone y te funcionaría perfectamente.
Te han quedado muy monos :D
ResponderEliminarBss
Tunneando Blogger: Rediseña tu blog!
.
¡¡Gracias, guapa!! estos son muy sencillitos, tengo más en el "horno" jejeje
Eliminarpor cierto, ¡me encanta el nuevo look de tu blog! :D
Me encanta esta entrada!!! A ver si de una vez cambio los míos.
ResponderEliminarLos rositas son una monada! Gracias Celia.
¡¡Gracias a ti, preciosa!! ;)
EliminarHace poco me hice unos, yo use para guardar la imágen picassa, me apunto lo de dropbox.
ResponderEliminarMe gusta como te han quedado los tuyos, además lo has explicado de una forma sencilla ;)
Besos!!
Es lo que intento, yo cuando empecé con esto la verdad que casi tuve que aprender chino para enterarme de las cosas jajaja Por eso intento simplificar al máximo todo lo que sea posible ;)
Eliminar¡¡Besos!!
Este post va directo a mis favoritos, gracias por compartirlos! Un beso Celia
ResponderEliminar¡¡Gracias a ti, guapa!!
EliminarBesos y feliz tarde de domingo ;)