En el siguiente post se presentaran diferentes instrucciones
para darle efectos de movimiento al texto para entradas de Blogger.
Se utiliza el comando HTML marquee. El cuál es un código especial
que hace que el texto se mueva hacia arriba, izquierda o derecha. A continuación se presenta la sintaxis para
poder utilizar está instrucción.
a) Para mover el texto hacia
izquierda
Sintaxis:
<marquee>
¡Hola! Texto hacia la izquierda ««« </marquee>
b) Para mover el texto hacia
la derecha
Sintaxis:
<marquee direction="right">
¡Hola! Texto hacia la derecha »»» </marquee>
c) Para hacer que se mueva el
texto alternamenteSintaxis:
<marquee
behavior="alternate"> ¡Hola! De ««« a »»» </marquee>
d) Para hacer que se mueva el texto hacia arriba
Sintaxis:
<marquee direction="up"> ¡Hola! Hacia arriba </marquee>
e) Para hacer que se mueva el texto hacia abajo
Sintaxis:
<marquee direction="down"> ¡Hola! Hacia abajo </marquee>
f) Para ponerle color al
fondo del texto
Sintaxis:
<marquee
bgcolor="greenyellow"> ¡Hola! Con fondo de color </marquee>
g) Para ponerle color al texto
Sintaxis:
<font color="darkviolet"><marquee>¡Hola!
Texto con color </marquee></font>
h) Para ajustar la velocidad
del movimiento. Cuanto más alto el número, más rápido.
Sintaxis:
<marquee scrollamount="19">¡Hola! Rápido </marquee>
Cuanto más bajo sea el número, más lento.
Sintaxis:
<marquee scrollamount="2">¡Hola! Lento </marquee>
i) Con imágenes
Sintaxis:
{<marquee> dirección de la
imágen </marquee>}
<marquee><a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjysrPYynlL5yALu9SBL6icphQfjesm2JHD8i-5a9BrvAd1JalomUFWwoBU039IzgD0a7deRc2NRmPbBl4tmZOuHN9bsSeVwUgc9saqYTipCjKLKAcmvh6kQl3QORg1YNPqKxZFdEZ6w4Yr/s1600/emoticon.jpg"
imageanchor="1" style="margin-left: 1em; margin-right:
1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjysrPYynlL5yALu9SBL6icphQfjesm2JHD8i-5a9BrvAd1JalomUFWwoBU039IzgD0a7deRc2NRmPbBl4tmZOuHN9bsSeVwUgc9saqYTipCjKLKAcmvh6kQl3QORg1YNPqKxZFdEZ6w4Yr/s200/emoticon.jpg"
width="175" /></a></marquee></div>