Imágenes con movimiento debajo de mi header (cabecera)

¡Hola! Este tutorial fue pedido hace ya varios dias y pues la verdad es que no habia tenido el tiempo suficiente como para elaborarlo. quiero pedir disculpas :S es que últimamente no he tenido mucho tiempo para estar en la pc y bueno una cosa lleva a la otra. en fin, les vengo a explicar en un tutorial de como subi esas imágenes debajo de mi header.


Si se fijan bien, podrán notar que mi header todavía sigue ahí, puse mi imagen de header como si fuera un banner, pero ustedes pueden quitarlo si quieren.



  • lo primero que tenemos que tener, son las imagenes a montar, pueden ser 4 o más, eso depende de ustedes. las imagenes las pueden diseñar a través de photoshop, pixlr o cualquier otro editor que gusten. el tamaño de las imagenes debe ser de 700x350 para que encaje en el centro del blog (o mas o menos xD) 
  • luego de tener todas la imagenes a montar, nos vamos a Diseño y agregamos un nuevo gadget (HTML/Javascript) lo agregamos debajo de la cabecera.



  • En el pegamos el siguiente código: <br /><br /><br /><marquee scrolldelay="100" direction="up"  rollamount="8" height="100px"> <center><br /><img src="#" /><br /><img src="#" /><br /><img src="#" /><br /><img src="#" /><br /></center> </marquee><br /> 
marquee scrolldelay="100" : Significa la distancia entre cada imagen
direction="up"  : Significa la dirección que quiere que valla pueden cambiar el "up" por "down"
rollamount="8" : Significa la velocidad
height="100px : Significa la altura
<img src="#" /> : donde irán las imágenes, sustituyan "#" por el link de las imágenes.

Para obtener los links de las imagenes, vamos a la siguiente direccion: http://tinypic.com/


  • Subimos las imagenes (una por una, para evitar retrasos) nos dara un codigo en cada imagen


  • Pegamos el codigo en "#" y asi hacemos con todas las imagenes hasta que hallamos terminado. 
Eso son todos los pasos que deben seguir para tener las imagenes con movimiento, espero les halla servido, recuerden compartir la informacion y comentar si tienen alguna duda.

Algo de Créditos al Blog de annyz por facilitarme los codigos :3


2 comentarios:

  1. owo muy servicial etto, una question rapidita, si se puede TT.TT, los links de las imagenes van todas juntas o tengo que hacer el codigo por cada una,
    seria de mucha ayuda , bueno arigatou soshte sayo~
    atte: ~ShunShion~

    ResponderEliminar
    Respuestas
    1. Hola, tienes que poner los links de las imagenes, una por una, sustituyendo los "#" espero te haya servido de ayuda

      Saludos!

      Eliminar