MARQUESINA PARA EL BLOG CON EL CÓDIGO LISTO PARA INSERTAR
septiembre 02, 2019
Una marquesina en un texto que se mueve de un lugar a otro. Aquí te muestro como colocar una marquesina sobre la cabecera de tu blog o página web como la que en este momento hay arriba, o como la que se ve a continuación.
Para colocar la marquesina en el blog o página web es muy fácil, solo debes de copiar el código que aparece en el cuadro de texto, pegarlo en tu blog o página web (si no sabes cómo sigue el siguiente enlace sobre como hacer para agregar accesorios al blog)
Luego cambiar donde dice " ESTE EL TEXTO DE LA MARQUESINA" por el texto que tú quieras.
Para implementarlo en vuestro Bloc en un gadget solo tenéis que seguir estos pasos:
Un clic en “Diseño”
Clic en “Añadir un gadget”
Busca el widget que dice “HTML-Javascript” y ábrelo
Coloca el siguiente código en el interior
<style>
#divencab2 {
BACKGROUND: black; /*Éste es el color de fondo de la marquesina*/
LEFT: 0px;
WIDTH: 800px; /*Aquí va el ancho de tu blog en píxeles*/
BORDER-TOP-STYLE: none;
BORDER-RIGHT-STYLE: none;
BORDER-LEFT-STYLE: none;
POSITION: absolute;
TOP: 5px; /*Ésta es la distancia al margen superior de la página*/
HEIGHT: auto;
BORDER-BOTTOM-STYLE: none;
COLOR: white; /*Color de la letra*/
}
</style>
<div id=divencab2 style="WORD-SPACING: 0.5em">
<marquee loop=5> <! El 5 indica la cantidad de veces que se va a repetir >
ESTE ES EL TEXTO DE LA MARQUESINA
</marquee>
</div>
<a href="http://pczeros.blogspot.com" target="_blank" title="gadgets para blogger"><img src="http://sites.google.com/site/pczeros/Home/1t.gif" border="0" alt="gadgets para blogger" title="gadgets para blogger"/></a><script type="text/javascript" src="//acortar.org/gen-js"></script>
#divencab2 {
BACKGROUND: black; /*Éste es el color de fondo de la marquesina*/
LEFT: 0px;
WIDTH: 800px; /*Aquí va el ancho de tu blog en píxeles*/
BORDER-TOP-STYLE: none;
BORDER-RIGHT-STYLE: none;
BORDER-LEFT-STYLE: none;
POSITION: absolute;
TOP: 5px; /*Ésta es la distancia al margen superior de la página*/
HEIGHT: auto;
BORDER-BOTTOM-STYLE: none;
COLOR: white; /*Color de la letra*/
}
</style>
<div id=divencab2 style="WORD-SPACING: 0.5em">
<marquee loop=5> <! El 5 indica la cantidad de veces que se va a repetir >
ESTE ES EL TEXTO DE LA MARQUESINA
</marquee>
</div>
<a href="http://pczeros.blogspot.com" target="_blank" title="gadgets para blogger"><img src="http://sites.google.com/site/pczeros/Home/1t.gif" border="0" alt="gadgets para blogger" title="gadgets para blogger"/></a><script type="text/javascript" src="//acortar.org/gen-js"></script>
Después de haber insertado el código, un clic en "Guardar"
Data de la Publicación; 02-09-2019
Fuente; pczeros
Publicado por;
0 comentarios