Bonjour Aconseja - Blogger: Agregar gadget con imagen y enlace

Bonjour Fangirls! ¿Cómo están?

Después de una lucha eterna con mi blog, y mi problema con el perfeccionalismo, al fin aprendí cómo lograr lo que quería, y paso a explicarles qué quería y cómo lo conseguí:

Yo quería un gadget en el que pueda poner una imagen con un link directo a una entrada, particularmente en mi caso para las iniciativas.

Sé que hay blogs que hacen que las imágenes se muevan y desaparezcan, y más cosas que aún no sé hacerlas ni tampoco me las planteo en un futuro próximo, ya que por el momento me gusta el estado de lo que hice.

Voy a comenzarzar aclarando que soy bastante nueva en todo esto, que hay mil cosas que no sé hacer, pero lo que voy aprendiendo lo quiero compartir, para que a otros no les resulte tan difícil como a mí conseguir lo que quiero.

Y por supuesto voy a aclarar que si yo pude, todos pueden.

De verdad, soy un queso con la tecnología.

Se tenía que decir y se dijo!

Recuerden siempre antes de modic}ficar su blog, hacer una copia de seguridad por si se arrepienten, o no les gusta, o whatever.
Si no saben cómo hacerlo, hagan click acá.

Para empezar les voy a contar que el gadget que usé es el HTML/JavaScript

y el procedimiento se los digo a continuación:

1. Vamos a ir a Diseño

2. Añadir un Gadget

3. HTML/JavaScript

4. Al apretar sobre el Gadget seleccionado, se abre la siguiente ventana:

5. En el rectángulo de Contenido van a pegar el siguiente texto:

<div><center><a href=" WEB DE DESTINO DEL LINK" target="_blank" ><img src="URL DE LA IMAGEN" width="160" height="60" border="0" alt="DESCRIPCION DE LA IMAGEN" /></a></center></div>


6. Modificar el texto anterior adaptando a lo que quieran lograr.


<div><center><a href=" WEB DE DESTINO DEL LINK" target="_blank" ><img src="URL DE LA IMAGEN" width="160" height="60" border="0" alt="DESCRIPCION DE LA IMAGEN" /></a></center></div>

>>> link donde quieren redirigir.

>>> necesitan una URL de la imagen, que vendría a ser también una especie de link. Si no saben cómo conseguirla hace click acá.

>>> width es el ancho de la imagen. Y eso 160 se puede modificar para adaptarlo.

>>> por el contrario, height es el alto de la imagen. Y ese 60 también se puede modificar.

>>> border es el ancho del borde. 0 implica que no lo tiene pero puede modificarse a su gusto.

>>> Tal y como dice en el texto, eso debe reemplazarse por una descripción de la imagen. Si no quieren agregar una (como yo), se borra esa parte y se deja vacío.


7. Una vez modificado a su antojo ponen Guardar en esa ventana que automáticamente se va a cerrar y vuelven a la página de Diseño. Arriba a la derecha pueden apretar el boton para Vista previa, por si tienen que modificar algo antes de clickear Guardar Diseño.
Si una vez que apretan guardar diseño, quieren modificar algo más, también se puede.

Espero que les haya servido Fangirls ♥