Dibujos de Colores Idea guardada 4 veces
La valoración media de 1 personas es: Buena

Iconos de Redes Sociales



Hola!!!

Hace unas semanas estuve ocupada haciendo estos pequeños iconos de varias redes sociales para colocar el gadget de sígueme en el blog, que ya hacía tiempo que lo tenía en mente, pero un día por otro lo había dejado pasar.
Os los podéis descargar desde este enlace. Están preparados en dos tamaños, 48x48 y 32x32, para que uséis el que os vaya mejor.
Os voy a explicar también como los he puesto en el gadget de blogger por si queréis hacerlo también vosotros.

Una vez que los tangáis descargados, hay que subirlos a un hosting para poder usarlos. Podéis hacerlo en Google Sites, que es gratuíto y muy sencillo.

Ve a google sites y pincha en el botón "Crear" que está a la izquierda, escribe el nombre para tu sitio y clica en "Crear sitio"

Ahora busca el desplegable "Más acciones" de arriba a la derecha y selecciona "Administrar sitio" y luego en el panel que se abrirá a la izquierda, pincha en "archivos adjuntos".

Sube de uno en uno todos los iconos que vayas a necesitar

Pulsa "Ver" en cada imagen y se abrirá una página nueva. En la barra de dirección tienes la URL de cada uno de los iconos que has subido. Estas son las que nos van a hacer falta.Ahora nos vamos a blogger, al apartado de diseño. Ahí podemos ver la plantilla de nuestro blog. Pinchamos "añadir nuevo gadget" en la zona donde queramos poner los iconos y escogemos la opción "HTML/javascript".
En la ventanita que se nos abre tenemos que copiar este código tantas veces como iconos vayamos a tener y adaptarlo a cada uno.

<a href="dirección de tu facebook, instagram..." target="_blank"><img alt="siguenos en facebook" height="48" src="la URL de cada icono" title="siguenos en facebook" width="48" /></a>

La parte escrita en verde es la URL de cada imagen

La parte escrita en rojo es la dirección de tu red social, twitter, facebook, etc.

La parte escrita en azul es lo que verá la gente al pasar el ratón por encima.

La parte escrita en rosa es el tamaño del icono en píxeles. Por defecto dejadlo del tamaño de la imagen, 48 ó 32, pero por si necesitáis un tamaño entre 32 y 48 lo podeis ajustar, por ejemplo poniendo 40.

Si ponemos varios iconos, damos un espacio y volvemos a copiar el mismo código debajo y cambiamos las direcciones. Os quedará algo así.



Una vez que lo tengas todo listo, lo guardamos y vemos como queda en nuestro blog y si todas las direcciones funcionan bien, por si nos hemos confundido en algo. Si no os gusta alguna cosa, volvéis a abrir el mismo gadget y lo modificáis.

Espero que os sirva para algo!!!
Gracias por la visita y volved pronto!!

Fuente: este post proviene de Dibujos de Colores, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

DIY: Atrapasueños para bebé

Hola!! Últimamente parece que todo el mundo a mi alrededor se está poniendo a tener niños así que no paro de hacer detallitos para recién nacidos, aunque la verdad es que son trabajos que siempre me e ...

Recomendamos

Relacionado

acuarelas diseño watercolour ...

Iconos de Redes Sociales

Hola!!! Hace unas semanas estuve ocupada haciendo estos pequeños iconos de varias redes sociales para colocar el gadget de sígueme en el blog, que ya hacía tiempo que lo tenía en mente, pero un día por otro lo había dejado pasar. Os los podéis descargar desde este enlace. Están preparados en dos tamaños, 48x48 y 32x32, para que uséis el que os vaya mejor.Os voy a explicar también como los he puest ...

general social

Cómo poner botones para que te sigan en las redes sociales en Blogger

Poner botones para redes sociales con los que tus usuarios puedan seguirte te ayudará a incrementar la presencia de tus contenidos en Internet. Si bien muchas veces preferimos utilizar botones al final de nuestra entradas para que nuestros usuarios compartan si lo desean nuestras entradas, es importante también que puedan seguirnos por las redes sociales si así lo desean. Qué mejor sitio para que ...

BLOG blogging intermedio ...

Instalar los iconos de redes sociales en el header y sidebar de blogger

En una entrada anterior te conté cómo instalar una fuente llamada fontawesome para utilizar iconos en tus listas, páginas y entradas de blogger, para darles ese toque diferente y original que las haga especiales y visualmente atractivas. Puedes volver a revisar la entrada e instalar la fuente que te digo en el siguiente botón: CÓMO INSTALAR ICONOS EN BLOGGER Hoy, vamos a utilizar nuestros iconos p ...

desde0

Cómo crear un menú con submenús en Blogger sin tener experiencia en informática o programación

Crear un menú en cualquier Blog es algo fundamental para organizar nuestros contenidos de manera que podamos presentarlos a nuestros usuarios de una manera estructurada y sencilla. Hemos tratado con anterioridad cómo crear un menú sencillo en Blogger sin tener ninguna experiencia en programación, con simples opciones que agrupan entradas bajo las etiquetas de tu Blog y que se puede poner con suma ...

27 iconos sociales estilo water colors

Hola, hola!!! Que tal estas?? Si tienes un blog y deseas añadir botones que enlacen a tus redes sociales, hoy te traigo unos iconos con efecto water colors. Te permitirán vincular las redes sociales que tengas a tu blog o sitio web. Echa un vistazo y dale un toque diferente a tu blog, con estos iconos sociales. Ahora que porfin tengo un tiempecito, he andado muy pero muy, requete muy ausente, por ...

icono botón redes sociales ...

Cómo insertar botones de Redes Sociales en Blogger

Hoy les traigo el Tutorial de cómo insertar los botones de las Redes Sociales en Blogger. Lo primero que vamos a hacer es Descargarnos los Botones que más nos gusten y alojarlos en hosting (hay muchos gratuitos), pero yo uso el Google Drive, que me parece más sencillo y más completo. Una vez tengamos las imágenes subidas a Google Drive, tenemos que averiguar su URL, (si no sabes cómo hacerlo, te l ...

general

Cómo crear un índice con todas las entradas de tu Blog que se genere automáticamente.

La generación de un índice de entradas automático para un blog es algo que muchos Bloggers anhelan utilizar en sus páginas: para crear índices con las recetas de cocina, con las películas y sus críticas, con las fotografías, los poemas, los escritos, las plantas, animales... un sinfín de conceptos que cada Blog maneja según su temática y que dada su cantidad es imposible exponer a los usuarios en ...

general medios sociales promocionar tu blog

Cómo poner otros botones para compartir en el blog

Os habréis dado cuenta ya que los iconos para compartir que trae Blogger, son bastante pequeñitos y discretos: Por eso yo los cambié hace ya tiempo por otros que pasan un pelín menos desapercibidos: Tampoco quiero ser "pesada" y poner unos gigantescos, pero esos me parece que se ven lo suficientemente bien como para "recordar" a la gente que pueden compartir mi post en las re ...

aplicaciones ocio tutoriales

TECH: Crea una App con el Icono de tu Blog.

Sabias que este Blog tiene su propio App y lo puedes instalar en tu propio teléfono móvil para un acceso mucho mas rápido a mi Blog?? Bueno pues si lo tiene, y el tuyo también lo puede tener. Has visto como las mejoras aplicaciones tienen un Icono para descargar en el teléfono móvil?? Te gustaría que tu Blog lo pudiera tener?? Cuesta demasiado dinero hacerlo?? Esto le ayudara a mi Blog? En serio ...

BLOG intermedio tblog ...

Cómo hacer listas con iconos de colores en Blogger

Esta entrada surgió también en la fanpage, tuvo buena respuesta y me decidí a cambiarla por otra sobre marketing que tenía preparada. Llevamos ya un tiempo sin publicar tutoriales sobre blogger y este detalle que voy a compartir contigo hoy es muy original, además de sencillo, verás que si ya has tocado la plantilla HTML y tienes nociones básicas de programación, no te cuesta nada diseñar tu prime ...