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:

Calendario Imprimible 2020

Hola!! ¿Cómo habéis empezado el 2020? Yo tarde, como todo últimamente...xD. Pero con muchas energías, eso sí. Y para no faltar a la costumbre, otro año más os traigo un calendario súper bonito, imprim ...

Mantita de apego a crochet

Hola a todos! Ayer por la tarde por fin tuve un ratito libre y he conseguido enfocarme un poco para poder terminar esta entrada que tenía a medio hacer desde verano, este dou dou o mantita de apego he ...

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

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

BLOGGER blogging SEO ...

SERPs: mantenerte en las búsqueda con tu blog

Es imposible mantenerte en las SERPs de búsqueda con tu blog si no eres competitivo. por ejemplo si por caso no actualizas tu sitio o si haces mal las cosas con tus enlaces. Posicionar tu blog en las SERPs de búsquedaEn cuánto tiempo puedes posicionar tu sitio en las SERPs de búsqueda? la pregunta crucial le precede a la idea de generar una estrategia long tail SEO, es decir una palabra clave ge ...

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

Diseño para Blogs Uncategorized código ...

Los mejores trucos HTML para tu blog que no te puedes perder

Los mejores trucos HTML para tu blog que no te puedes perder Hay cosas que sólo las podemos hacer mediante código html y conviene saber algunos trucos que te ayuden a mejorar tu blog ya sea en blogger o wordpress. En este post hay algunos trucos html para que puedas controlar un poco más tu diseño y hacer cosas a mano que vas a necesitar para tus post , además así si no has usado nunca código te v ...

general seo

Cómo añadir un buscador a tu web y presentar el cuadro mejorado de búsqueda del sitio en los resultados de Google.

Todos los sitios web y Blogs precisan de un componente que sirva para buscar información por todo su contenido. Los usuarios normalmente precisan encontrar información dentro de un sitio web. Muchas veces, cuando han encontrado lo que quieren en un determinado lugar, prefieren buscar dentro de él para encontrar más datos dentro de la web que visitan. Gracias al uso de un buscador, los usuarios que ...

general

Crea una barra de menús que quede siempre fija en la parte superior de tu Blog.

La creación de un menú fijo para la parte superior del Blog es una popción a tener en cuenta dependiendo del tipo de presentación y la plantilla que se está utilizando. Cuando tratamos Blogs que enumeran gran cantidad de entradas y estas hacen qe haya que desplazarse verticalmente por los contenidos, el usuario puede quedar desprovisto de elementos de navegación hasta que llega a la parte inferior ...

BLOGGER blogging SEO ...

BLOGGER TERAPIA SEO y uso de backlinks

Blogger terapia con posicionamiento SEO por medio de Backlinks, y los ítems de Blogger design a retocar en este artículo. Como alguna vez mencioné es fundamental que estés centrado en tu temática, que te enfoques en la estética de tu blog de blogger, las estrategias de posicionamiento SEO, tu promoción o presentación. Y en posicionar están los backlinks. Por eso es importante dar un mayor grado de ...