viernes, 24 de mayo de 2024
Ocultar o eliminar el mensaje "Mostrando Entradas..."
Cuando usamos las etiquetas para localizar las entradas de nuestro blog, al buscarlas aparece un cuadro con el mensaje:
Mostrando entradas con la etiqueta xxxxx mostrar todas las entradas.
<include data= 'Top' name= 'status - message'/>.
jueves, 2 de mayo de 2024
Marquesinas
Vamos a ver algunas frases o textos móviles para insertar en nuestro blog, Lo haremos insertando la etiqueta <Marquee> y dándole a esa etiqueta unos atributos que serán los que le darán movimiento y dirección a los textos. Para esto insertaremos un código HTML en una entrada de nuestro blog.
Según el código que insertemos la frase se moverá hacia la derecha, la izquierda, hacia arriba o abajo; también podremos poner una imagen en movimiento con un enlace a otra pagina o sin él.
Para insertar los códigos en tu blog, solo hay que copiarlo y pegarlo en una entrada en modo HTML o también lo puedes poner en un gadget JavaScript, luego cambiar el texto que esta en rojo por el texto que tu quieras que aparezca, y el texto que esta en azul son enlaces a imágenes o a otras paginas, cámbialo por el enlace que te interese poner.
También se puede pegar el código en el titulo de la entrada.
PALABRAS EN MOVIMIENTO DE DERECHA A IZQUIERDA
<marquee behavior="scroll" direction="left">
<a href="https://elblogdewarda.blogspot.com/p/blog-page_31.html" target="_blank">
<span style="color: blue;">Bienvenido al rinconcito de Warda</span>
</a>
</marquee>
Este codigo lleva un enlace a otra página que puedes cambiar o eliminar.
Ver el ejemplo:
- Cambia el texto de color rojo por el texto que quieras que aparezca en tu entrada
- cambia el texto de color verde por el enlace quieras mostrar.
- cambia el texto de color azul por el enlace a la imagen que quieras mostrar.
Ver Ejemplo
miércoles, 1 de mayo de 2024
Fondo de Estrellitas
<marquee direction="RIGHT" scrollamount="1" style="background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijl1WIa3SDW4isPbBc22gfvcR5Fasn42cG2L_FCb8XGaulv-EZasUC1hQe3BN1U6LBfZgJDu-RennBHZOH5ULsZZeu9nX0rJ8R_SsocGrFH1i_z53dpC_aH0kNj4tdm44IiWWMkxgNLyB4LnI83pqpLGEnM2fw9XvpmYt3xzrpf1MIxb5lAqZTHg-7dhGq/s320/a116554c35fab75cdfaff35097b272d6.gif'); text-align:Middle; center; width:700px;height:300px;border:4px solid #215303 ;padding:3px" onmouseover="this.scrollAmount='0'"onmouseout="this.scrollAmount='1'"><a href="#" target="_blank">Bienvenida al Blog de Rosa</a><br /><a href="#" target="_blank">Bienvenido al blog de Rosa</a><br /></marquee>
Estilo y tamaño
<marquee><em><span style="font-size: 18px; color: #000000;">Bienvenido al blog de Rosa</span></em></marquee>
Imagen rebote
<marquee width="100%" behavior="alternate"><img src="pon aqui la dirección de tu imagen.png" alt="" /></marquee>
Con Marco
<marquee behavior="Alternate" direction="left" style="border: 4px solid red;">aqui podre cambiar el color y el grosor del marco</marquee>
Con fondo de color
<center>
<marquee behavior="scroll" bgcolor="#be1c69" height="30" width="80%">
<font color="#FFFFFF" face="BodieMF" size="4">PRACTICANDO CON ESTA MARQUESINA
</font></marquee></center>
MOVIMIENTO DE DERECHA A IZQUIERDA HASTA TRES FRASES DISTINTAS
</marquee></div><div><marquee behavior="Alternate" direction="left" scrollamount="5">
<span style="color: blue;">Bienvenido al blog de Rosa</span></marquee>
<marquee behavior="scroll" direction="Right" scrollamount="10">
<span style="color: green;">Bienvenido al blog de Rosa</span></marquee>
<marquee behavior="scroll" direction="left" scrollamount="10">
<span style="color: #7b1fa2;">Bienvenido al blog de Rosa</span></marquee></div></span></marquee>
Aqui cada texto tiene un atributo behavior diferente, este atributo es el que determina el comportamiento del texto.
MOVIMIENTO CON UNA IMAGEN DE DERECHA A IZQUIERDA
<marquee behavior="scroll" direction="left"><img alt="smile" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN_hDb9b7H3jxSDLBPuP5gjMVsMKC-6aHBhsnuR4A1VTv1A_ATBMUXVSHbEg2xreLyy1tYFv6HixhJdR3zQcaY1pHnRdIw8CqeCTbGJMzV-pLQRi4emt0mQYImbqv1Mp95a4UHgHbYrFw2a1Gho2-_WmhI-ci7cIkWq4BVu1Y1Rn3_VlS88oT1adwcil5X/s320/Ceper%20palindromo.jpg" width="300"marquee>