Continúo con el tema de la imagen en el blog.

Después de contarlo de una manera formal y estándar en este post, hoy voy a explicarlo de la forma más simple posible para los usuarios de blogger que no estén muy familiarizados con el HTML y las CSS.

Os enseñaré paso a paso, y con capturas de pantalla, como hacer un gadget de blogger para que no tengáis que tocar en absoluto el código de vuestras plantillas. En serio, de esta manera es muy sencillo:

0. Como siempre, guardad una copia de vuestra plantilla.

1. Primero vais a vuestro escritorio de Blogger y entráis en la pestaña "Diseño".



2. Una vez aquí debéis acceder a la sección "Elementos de la página" (es la que se carga por defecto al entrar en Diseño).


3. Desde aquí podéis ver un esquema de vuestra página con todos los elementos y gadgets que tenéis ya configurados. Pulsad sobre cualquier enlace que tenga el texto "Añadir un gadget".



4. Se abrirá un pop-up (ventana emergente) con un listado de los gadgets disponibles, buscad el siguiente:



y pulsad en el símbolo "+".

5. Se abrirá un formulario con dos campos:
  • El título. Dejadlo en blanco.
  • El contenido. Esto es lo más importante, debéis añadir el siguiente código

    <a href="#"><img style="position:fixed; bottom:10px; right:10px;" src="Ruta de la imagen"/></a>
6. Verificad que habéis copiado bien el código y pinchad en el botón guardar.

7. Ya está listo, echad un vistazo a al vista previa y comprobareis que ya está añadido, así de simple.

Espero que esto haya terminado de aclarar el tema, si tenéis dudas ya sabéis, dejad un comentario.

Comparte y promociona el post

11 comentarios en '[Off-topic] Cómo mantener una imagen fija en tu blog aunque hagas scroll (2ª parte)'

  1. Ediciones Vion dice que...
    http://blog.notelies.com/2009/01/off-topic-como-mantener-una-imagen-fija.html?showComment=1232453760000#c4841145254746481712'> 20 de enero de 2009, 13:16

    Desde luego para los que somos un poco (bastante) torpes en esto de la informática, viene mucho mejor explicarlo con pantallitas. Creo que no me puede servir para mi blog, pero para el resto les vendrá de maravilla.

    Saludos!

     

  2. fernando dice que...
    http://blog.notelies.com/2009/01/off-topic-como-mantener-una-imagen-fija.html?showComment=1232468580000#c1840326533629109477'> 20 de enero de 2009, 17:23

    mm parece fácil, pero no se si lo lograré. Mi torpeza informática no alcanza límites ....

    un abrazo.

     

  3. Woody Jagger dice que...
    http://blog.notelies.com/2009/01/off-topic-como-mantener-una-imagen-fija.html?showComment=1232469000000#c2942341110473386333'> 20 de enero de 2009, 17:30

    Hey Kiko, mejor explicación es imposible. Un saludo.

     

  4. ¡Kiko! dice que...
    http://blog.notelies.com/2009/01/off-topic-como-mantener-una-imagen-fija.html?showComment=1232530620000#c1898832750305242200'> 21 de enero de 2009, 10:37

    Es fácil, seguro. ¡Salud!

     

  5. Cofi dice que...
    http://blog.notelies.com/2009/01/off-topic-como-mantener-una-imagen-fija.html?showComment=1232799900000#c6173784912342784650'> 24 de enero de 2009, 13:25

    Eso está bien para una imagen fija estilo Steewe; pero y si lo que quiero es poner un script en el margen?

    Por ejemplo, un reloj (para que esté siempre visible).

    El código que tengo es:

    ***

    >script src="http://www.clocklink.com/embed.js">>/script>>script language="JavaScript" type="text/javascript">obj=new Object;obj.clockfile="5001-blue.swf";obj.TimeZone="GMT0100";obj.width=240;obj.height=20;obj.Place="";obj.DateFormat="DD-MM-YYYY";obj.wmode="transparent";showClock(obj);>/script>

    (He puesto > en vez de < porque no me dejaba publicarlo así)
    ***
    Con la imagen, lo unico que tengo que hacer es poner el "class" delante del src, pero en el SCRIPT se puede?

    Saludos, Cofi

     

  6. Un estertor dice que...
    http://blog.notelies.com/2009/01/off-topic-como-mantener-una-imagen-fija.html?showComment=1232803020000#c2470099296229064463'> 24 de enero de 2009, 14:17

    Perfecta la explicación, pero... si lo que pretendo es que la imagen salga repetida varias veces(rollo mosaico-miscelánea o cómo demonios se diga) y no quede fija, ¿qué he de cambiar en el código?

    Bueno, un saludo y gracias (por si acaso). ;)

     

  7. ¡Kiko! dice que...
    http://blog.notelies.com/2009/01/off-topic-como-mantener-una-imagen-fija.html?showComment=1232889780000#c4807091618777990123'> 25 de enero de 2009, 14:23

    @Cofi y @Un estertor, os preparo un post y os explico vuestras dudas, ya sabeis que a través de los comentarios es un poco más complicado. En cuanto lo publique os aviso, ¡Salud!

     

  8. ¡Kiko! dice que...
    http://blog.notelies.com/2009/01/off-topic-como-mantener-una-imagen-fija.html?showComment=1232987820000#c3005514942641412690'> 26 de enero de 2009, 17:37

    Os dejo la respuesta a vuestras consultas en http://blog.notelies.com/2009/01/off-topic-mas-consultas-sobre-diseo-de.html

     

  9. Anónimo dice que...
    http://blog.notelies.com/2009/01/off-topic-como-mantener-una-imagen-fija.html?showComment=1235655540000#c8327425108354757151'> 26 de febrero de 2009, 14:39

    Justo lol que estaba buscando y en CSS ... se agradece

     

  10. ¡Kiko! dice que...
    http://blog.notelies.com/2009/01/off-topic-como-mantener-una-imagen-fija.html?showComment=1235742540000#c5094185422206404580'> 27 de febrero de 2009, 14:49

    @Anónimo, gracias a ti por pasarte y comentar. ¡Salud!

     

  11. Manolo Rodriguez dice que...
    http://blog.notelies.com/2009/01/off-topic-como-mantener-una-imagen-fija.html?showComment=1260980017468#c4358060856868322135'> 16 de diciembre de 2009, 17:13

    Genial!!
    Gracias

     

Publicar un comentario

Suscríbete por RSS
Recibe al momento las últimas
novedades con tu lector de feeds

Suscríbete por correo
Recibe las últimas novedades de
notelies.con por e-mail

Entradas populares

Nuevos comentarios

Customized for notelies.com by Kiko Cruz & Sonja On Mars