Tutorial blogger - Como poner una imagen con texto en movimiento

11 comentarios
¡Hola a todos! Bueno, hoy os traigo un tutorial, que es como poner una imagen en movimiento con texto en tu blog, aquí os dejo un ejemplo:



   Attack on Blog
   ¡Unete!
   

Aquí os dejo el código:

<center><marquee direction="up" style="border: thin solid rgb(0, 0, 0); height: 200px; width: 200px;">AQUI TEXTO<br />    <a href"AQUI URL DE TU PAGINA"><img border="0" src="AQUI URL DE LA IMAGEN" title="Entra ya" alt="" /></a></marquee></center>

Como Editarlo

Para elegir a que dirección debe ir la imagen que halláis elegido (Arriba, Abajo, derecha izquierda) os dejo aquí lo que debéis poner:

Up= Arriba
Down= Abajo
Right= Derecha
Left= Izquierda

<center>    <marquee direction="UP/RIGHT/LEFT/DOWN" style="border: thin solid rgb(0, 0, 0); height: 200px; width: 200px;">AQUI TEXTO<br />    <a href="AQUI URL DE TU PAGINA">AQUI TU TEXTO</a><br />    <a href="AQUI URL DE TU PAGINA"><img border="0" src="AQUI URL DE LA IMAGEN" title="Entra ya" alt="" /></a></marquee></center>
Ahora, donde pone "AQUI TEXTO" ponéis vuestro texto. Y donde pone "AQUÍ URL DE TU PAGINA" ponéis el link que queráis.
Después donde pone "AQUI URL DE TU IMAGEN" ponéis vuestra imagen, y donde pone "AQUÍ URL DE TU PAGINA" ponéis el link que queráis, y así cuando la gente le de click a la imagen le llevara al link que halláis puesto.
Editar las medidas

<center>    <marquee direction="up" style="border: thin solid rgb(0, 0, 0); height: 200px; width: 200px;">AQUI TEXTO<br />    <a href="AQUI URL DE TU PAGINA">AQUI TU TEXTO</a><br />    <a href="AQUI URL DE TU PAGINA"><img border="0" src="AQUI URL DE LA IMAGEN" title="Entra ya" alt="" /></a></marquee></center>

Editamos las medidas que están en rojo, os dejo aquí un ejemplo:

Attack on blog
   Unete
   

Y bueno, espero que os haya servido este tutorial, no olviden comentar, y nada, nos vemos en el próximo tutorial, adiós!

Fuente: Teodorus Maximus

11 comentarios:

  1. Me gusto el tutorial! Es un código muy útil a veces lo uso :3

    Saludoos!

    ResponderEliminar
    Respuestas
    1. Muchas gracias, y sí, es súper util!<3

      Saludos Kyaru-Chan! ñ.ñ

      Eliminar
  2. Woow esta muy bien este tutorial ^^
    saludos n.n

    ResponderEliminar
  3. Me encantan tus tutoriales Vivi-chan. Se me haces bastante faciles de entender y muy completos. ¡Sigue así!

    ResponderEliminar
    Respuestas
    1. Muchas Gracias Saori<3 Te agradezco tus palabras n.n

      Saludos!! :D

      Eliminar
  4. Muchas gracias! Ahora me paso por el tuyo!

    Saludos!

    ResponderEliminar
  5. Muchas gracias por el tutoriales!!!
    Se agradece!!! :')

    ResponderEliminar
  6. Holi!! Me gusta mucho tu blog Vivi-Chan, además yo también soy Otaku <3 Me gustaría que hicieras el tutorial de ese menú tan chulo (^-^)/ Ya sabes el que tienen n3n Te daría créditos pues lo usaría para el nuevo diseño que estoy planeando ;3 Aaah, y quizás puedas agregarme en mi G+ es que me pareciste muy maja y tengo ganas de conocerte!! >w< Eso fue todo, perdona por las molestias.

    ResponderEliminar
    Respuestas
    1. Hola Amanda!! muchas gracias, y con gusto are el tutorial de como hacer mi menu<3 Agrégame cuando quieras a G+ te aceptare encantada hahaha.

      Saludos! <3

      Eliminar