Blog: Agregando Widgets Personalizados

Ayer Kareen, una amiga blogger, me hizo una consulta sobre como agregar el “sígueme” de instagram personalizado, así que la respuesta la voy a compartir con todos ustedes, para que lo puedan aplicar a sus blogs. Lo bueno es que es muy fácil.

Widgets Personalizados

Para agregar el widget deben añadir uno nuevo en Diseño->Añadir un Gadget y seleccionar el tipo HTML/JavaScript, luego añaden el siguiente código.

<a href=’https://twitter.com/usuarioTwitter‘ target=’_blank’><img alt=’twitter’ src=”urlimagen.png” title=’Twitter’/>

<a href=’http://followgram.me/userInstagram‘ target=’_blank’><img alt=’instagram’ src=”urlimagen.png” title=’Instagram’/>

Cada uno de los “tags”es para cada uno de los íconos, así como los tengo puesto en el blog, en este caso solo copié dos de ellos, como ejemplo.

Lo que está en verde es lo que deben cambiar. Abajo el detalle de que significa cada campo.

  • href: es la la url que se abrirá cuando se presione el ícono o imagen.

  • alt: es el nombre que aparece una vez que pasen el ratón sobre la imagen.

  • src: es la dirección o fuente de la imagen.

Ahora pueden buscar cualquier imagen y la pueden incluir en sus blogs, esto sirve para referenciar cualquier cosa que quieran dentro de la web. Busqué cada imagen en la web con el tamaño adecuado para que todos los íconos se vean parejos. Lo tengo de la misma manera con el ícono de BeBloggera.

Me dicen como les va 🙂

Anuncios

10 pensamientos en “Blog: Agregando Widgets Personalizados

  1. makitaDonoso 8 mayo, 2013 en 13:34 Reply

    Ya lo revise y me funciona bien, lo que pasa es que se bloquea cuando esta cargando la página, si revisas, cuando la página termina de cargar (al ver la ruedita en la barra) el menu funciona nuevamente. Todo debe ser por la carga.

    Revisa si es eso, sino entramos a revisar con mayor detalle 😉

    Besos!

  2. Danni 7 mayo, 2013 en 23:16 Reply

    Yo busqué hasta que encontré unos íconos que me gustaron y los puse en mi blog :).. Makita, necesito tu ayuda bloggera X_x, mi menú de blogger funciona super, pero cuando hago click en alguna sección, como que se me va el menú y no deja hacer click de nuevo O_O, no se si se entiende, es un poco difícil de explicar xD

    Besos y gracias 😀

  3. makitaDonoso 7 mayo, 2013 en 19:49 Reply

    Gracias! me gusta ayudar 🙂

  4. makitaDonoso 7 mayo, 2013 en 19:49 Reply

    De nada! 🙂

  5. makitaDonoso 7 mayo, 2013 en 19:48 Reply

    genial! que bueno que te sirviera, escribiendolo en el blog quedaba mas claro que mandarlo por DM explicado 😛

    Besos!

  6. makitaDonoso 7 mayo, 2013 en 19:46 Reply

    Me das un ejemplo de ese me gusta? así te puedo buscar como hacerlo, porque si es con el comment-box de facebook es mas rápido.

    BeBloggera es un blog femenino formado por varias chicas y cada una aporta con lo suyo 🙂 En mi caso, con tutorials para bloggers 🙂

  7. Miss LadyStark 7 mayo, 2013 en 13:08 Reply

    Jolin que información más buena muchas gracias preciosa 🙂

    http://www.missladystark.com

  8. Kathyn 7 mayo, 2013 en 04:28 Reply

    Que bueno que enseñes a poner los widgets, porque los “por defecto” son tan limitados y feos además jajaja
    Saludos Makita!
    Además como eres profe se te entiende super bien 🙂

  9. Kareen 7 mayo, 2013 en 03:50 Reply

    Muchas gracias, Makita. Lo probé en el blog de experimentos y funciona perfecto. Ahora a buscar unos botones que me gusten y listo ^_^

  10. Lola ♥ 彡 7 mayo, 2013 en 02:58 Reply

    Makita yo quiero poner el me gusta en los post pero no se como 😦 tu sabes??? y lo otro perdón mi ignorancia pero que es eso de Be Bloggera? entré pero vi un monton de post y no caché, es otro blog tuyo?

Deja tu comentario ^_^

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: