Tecnología

Dibujos de Colores Idea guardada 0 veces
Sé la primera persona en valorar esta idea Valorar

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? Envía una notificación de una presunta infracción de derechos. También puedes hacerlo a través de nuestro formulario de contacto.
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

Tarta de fresas y zumo de limón

Hola!! Seguro que todos habéis hecho alguna vez una tarta de fresas, pero esta que os enseño es diferente a todas las que habéis probado antes. Es fresca, jugosa y muy sencilla de preparar. Ahora que ...

Recomendamos

¡No te pierdas nuestra selección diaria!

Suscríbete y recibirás en tu correo nuestras mejores ideas

Suscríbete ahora

Relacionado

watercolour acuarelas free printable ...

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 ...

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 ...

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 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 ...

Blogger gadgets Tutoriales

Cómo instalar un botón de subir arriba

Si quieres que tu blog tenga ese botoncito en el lateral para subir arriba (como verás, yo tengo a mi perrito que dice "Súbeme") tenemos que hacer lo siguiente: Nos vamos a Diseño ➡ Añadir un gadget ➡ HTML. Le añadimos el siguiente código: <a href=# style=display croll;position:fixed;bottom:5px;right:20px; title=IR ARRIBA><img src="URL del botón de subir arriba", wid ...

internet blog tblog ...

Consultoría Blogger - Resolviendo dudas de tutoriales 2

Hola a todos!!! Ya estamos de nuevo a final de mes y vengo a resolver las dudas de tutoriales antiguos que os han surgido y que se habían quedado pendientes de resolver. Iconos de redes sociales que cambian de color Este es el trozo de código que Celia os dejaba para poner por cada red social: <a href="URL DE TU PERFIL EN LA RED SOCIAL"><img width="60" height="60 ...