13 abril 2007

Logo o banner en movimiento


Gemablog nos habla de los logos o banners en varias entradas. Las que más útiles me han sido son ésta sobre el logo que actualiza la página, y otra (que no consigo encontrar) sobre los logos en movimiento (hacia arriba, abajo, a la derecha o a la izquierda). Existe otra entrada en ese blog sobre logos "cambiantes", de modo que cada vez que entremos al blog veamos un log distinto (para verlo, haz click aquí). El resto de entradas puedes verlas en la pestaña Logos de dicho blog (haz click aquí para acceder a ella).
En cualquier caso,los códigos empleados en mi blog son los siguientes:

Para el logo "A quien le amarga un dulce":


<marquee><br/><center><div id="header">

<a href="http://www.aquienleamargaundulce.blogspot.com">

<img border="none"

width="600" src="http://bp1.blogger.com/_PZt6dSAS_6U/Rhwpd5X034I/AAAAAAAAACI/Uj4jcSE3c_o/s400/rayado.php.jpg" height="50"/></a></div></center></marquee>



Para el logo "Bienvenidos!":


<marquee direction="right"><div id="header"><a href="http://www.aquienleamargaundulce.blogspot.com">

<img border="none"

width="300" src="http://bp0.blogger.com/_PZt6dSAS_6U/RhwqppX037I/AAAAAAAAACg/IyMW5BwYt4Y/s400/bienvenida.php.jpg" height="60"/></a></div></marquee>



Si queréis utilizar este código, lógicamente, tendréis que sustituir mi URL por la de vuestro blog y la URL de mi imagen por la de la vuestra.
La anchura o largo (weight) y altura (height) del logo pueden ser cambiados, dependerá del tamaño que más os guste; yo fui probando hasta encontrar el que más me gustaba.

El primer comando que se repite es marquee:


<marquee>TEXTO o REFERENCIA</marquee>

sirve para que el texto o logo que hay entremedias se mueva (sí, con un texto normal, sin imagen, también funciona). Si sólo escribimos
<marquee>TEXTO o REFERENCIA</marquee>
se moverá por defecto de derecha a izquierda. Si queremos que se mueva de izquierda a derecha, de arriba hacia abajo o de abajo hacia arriba, añadiremos, como veis en el logo de Bienvenidos!, la dirección (right, up, down). De modo que el código sería:



<marque direction="aquí la dirección que quieres:up, down o riht"> TEXTO o REFERENCIA</marquee>



En cuanto a dónde poner el código, yo lo intenté hacer mediante la edición HTML de la plantilla, pero aún no me aclaro, así que utilicé la opción "Añadir y organizar elementos" y añadí un elemento HTML/Java y lo moví hacia el final de la página, donde quería que se viese. ¡Es una opción ideal para quienes empezamos en esto de los blogs y sus códigos!

1 comentarios:

Anónimo dijo...

Desde leugo ponerse a toquetear el html sin saber es peligroso (que se lo digan a Hestia... que de tanto toquetear tuvoq ue mudarse a una cuenta nueva ;)).

Yo solo lo toque para quitar la barra de blogger de la cabecera. Creo que para nada mas. Ah, bueno, si, y para las estadisticas del google analytics. Creo que para nada mas.

Blogger da muchas facilidades para los principiantes :).