Tecnología

Dibujos de Colores Idea guardada 1 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? 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:

Recomendamos

¡No te pierdas nuestra selección diaria!

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

Suscríbete ahora

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

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 BLOGGERHoy, vamos a utilizar nuestros iconos par ...

Wordpress redes sociales wordpress

Promocionar tu blog en Redes Sociales

Uno de las principales necesidades que vas a tener una vez creado tu blog, es la de atraer visitas hasta tus artículos. Los buscadores tardarán algún tiempo en indexar tu contenido y más aún en posicionarlo en un buen lugar en los resultados de búsqueda. Mientras tanto, puedes promocionar tu blog en Redes Sociales para conseguir tráfico proveniente de ahí.Las Herramientas que utilizaremos Share B ...

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

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

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

general social

Cómo añadir botones para redes sociales y marketing de contenidos a tu Blog.

Te presento la manera más sencilla y rápida de añadir botones para redes sociales a tu blog, tu página web o cualquier contenido que tengas en Internet. Utilizaremos el servicio AddThis que recientemente ha actualizado su presentación y ha simplificado enormemente la creación de botones para compartir contenido en redes sociales.¿Qué son los botones para compartir en redes sociales?Hoy día no bast ...

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

BLOGGER social media WEB

Por qué motivos tu empresa debe estar en las redes sociales?

MOTIVOS PARA TU EMPRESAVIDEO TUTORIAL PARA QUE SEPAS POR QUÉ TU EMPRESA DEBE ESTAR EN REDES SOCIALES -MOTIVOS DE PESO- LAS RAZONES MÁS IMPORTANTES PARA QUE TU EMPRESA ESTÉ EN REDES SOCIALES¿POR QUÉ?Primero es que la razón principal es que ayuda al SEO dado que hay redes sociales que en materia de empresas al mostrar imágenes como Pinterest, hace que se indexe en motores de búsqueda. Otras maneras ...