Tutorial: Gadget de publicidad

Imagen relacionada
¡Heyyyyy mis tomodachis! ¡¡COMO ESTAAN!! Dios mío, pasé tanto tiempo sin estar por acá D': 
Los extrañé mucho!!! image 
Y bueno, estoy muy feliz, empecé un buen primer día de clases en la secundaria, pero al transcurrir de los días desde el lunes pasado hasta hoy miércoles, fueron estresantes, escribiendo expectativas de logro, contratos pedagógicos, ETC. Dictaban y todo lo que escribía en la escuela lo tenía que volver a escribir en mi casa por causa de que los profesores dictaban muy rápido y me hacían escribir desprolijo. Así que bueno, acá estoy, cansada de un día LARGO. Desde las 7:30 de la mañana hasta las 4:00 de la tarde con contraturnos y materias que empecé esta semana. Por suerte mañana no tengo clases por ciertas razones y estoy muy feliz image
Dejando mi vida aburrida, nos centramos a que Amary volvió con mucha felicidad al mundo blogger y quiere disculparse por no pasarse por sus blogs tomodachis estos días :c

¡Ahora siii volvemos a las clásicas entradas de Amary Miau's Blog!
¡Trayéndoles un tutorial para todos ustedes!

Vamos con el tutorial:

Gadget de publicidad con movimiento

Click para verla más grande

Pueden ver como es el efecto en el gadget de publicidad de mi blog que está al costado.


Diseño | Añadir Gadget | HTML/Javascript | Copia y pega:
<marquee behavior="scroll" direction="Top" onmouseout="this.start()" onmouseover="this.stop()">
<a href="LINK BLOG"><img src="LINK IMAGEN"/>
<a href="LINK BLOG"><img src="LINK IMAGEN"/>
<a href="LINK BLOG"><img src="LINK IMAGEN"/>
<a href="LINK BLOG"><img src="LINK IMAGEN"/>
<a href="LINK BLOG"><img src="LINK IMAGEN"/>
<a href="LINK BLOG"><img src="LINK IMAGEN"/>
</a></marquee>
Tan solo colocas lo indicado y listo. ¿Quieres agregar más? Solo coloca

<a href="LINK BLOG"><img src="LINK IMAGEN"/>

arriba de </a></marquee>

Fácil, ¿verdad?

Tutoriales relacionados:
Bordes redondos en gadgets / Códigos HTML: Lo básico para empezar / Gadgets en la cabecera

Por favor ante cualquier duda deja un comentario :)

10 comentarios:

  1. Me alegro de que te haya ido bien el primer día de clase haha ^^ Y de que estés de vuelta hahaha y suerte en el concurso :3 Saludos!

    ResponderEliminar
  2. ojala te vaya super^^y gracias por dar ese codigo~!
    saludos~

    ResponderEliminar
  3. Bienvenida de vuelta!!, espero que esos profesores tomen conciencia y que no te dejen con un dolor de brazo :( , por otro lado estoy contenta por lo de tu días libres!. Me paso luego a dar mi votacion :3 , gracias por el codigo y te he dejado un premio en mi blog :)
    Saludos!

    ResponderEliminar
  4. Bienvenida de nuevo Miss Miau! *-*
    Seeh , la secundaria es bastante dura...ánimo!!
    Gracias por el tutorial :D
    Besos!

    ResponderEliminar
  5. Que bien que regresaras, habia extrañado tus post! un saludo :)

    ResponderEliminar
  6. Hola nena Bienvenida de nuevo
    Y gracias por el tutu ^^

    ResponderEliminar
  7. Holiiiiiiiiiiiiiiiiiiii! Te informo que tienes premio en mi blog ;)
    http://otaku-town2.blogspot.com/2014/03/premio.html

    ResponderEliminar
  8. ME EN CANTO GRACIAS SIGA HACI PONGAS MAS COSAS GENIALES

    ResponderEliminar
  9. Lo pude hacer pero no me aparecen las imagenes.... ayuda mi blog es bravos-stardoll.blogspot.com

    ResponderEliminar
    Respuestas
    1. Hola :) Tal vez porque los links de las imagenes sean incorrectos y otra cosa: siempre asegurate de que los links esten entre comillas, ejemplo: "http://67.media.tumblr.com/4dac32312f3fc07e9e3ca8a3e9326f8f/tumblr_inline_n2emrp45Lq1s848z8.gif"

      Eliminar

¡Gracias por tu comentario!

Emojis:
⸜(。˃ ᵕ ˂ )⸝♡ | ૮ ˶ᵔ ᵕ ᵔ˶ ა | (>▽<) | ପ(๑•ᴗ•๑)ଓ ♡ | (╯ω╰) | (☆▽☆) | (≧ω≦) | ૮ • ﻌ - ა | ଘ(੭ˊᵕˋ)੭ | (・∀・ ) | (¬_¬) | (ノ◕ヮ◕)ノ*:・゚✧ | ฅ^•ﻌ•^ฅ | (¬‿¬) | (─‿‿─) | (~ ̄▽ ̄)~ | (︶ω︶) | ٩(ˊᗜˋ*)و ♡ | (╥﹏╥) | (✿ ♥‿♥) | ●ᴥ●

Simbolos:
♡♥♫△☆ღ