lunes, 6 de mayo de 2013

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.


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>

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

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 :)

10 comentarios:

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

    ResponderEliminar
    Respuestas
    1. 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 :)

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

    ResponderEliminar
    Respuestas
    1. genial! que bueno que te sirviera, escribiendolo en el blog quedaba mas claro que mandarlo por DM explicado :P

      Besos!

      Eliminar
  3. 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 :)

    ResponderEliminar
  4. Jolin que información más buena muchas gracias preciosa :)

    www.missladystark.com

    ResponderEliminar
  5. 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 :D

    ResponderEliminar
    Respuestas
    1. 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!

      Eliminar

Deja tu comentario...