Colocar un banner o imagen flash en el blog

Mi amigo Toxicboy ha tenido la enorme gentileza de regalarme un banner en formato flash, o lo que es lo mismo, un archivo con extensión .swf.
Además ha sido tan amable que incluso me ha pasado un código para poder subirlo al blog.

En primer lugar hemos de subir nuestro .swf a una página de alojamientos de archivos, en esta ocasión, os recomiendo Photobucket.

En un elemento de la sidebar

Una vez subido el .swf nos situamos en la parte de diseño de nuestra plantilla y añadimos un nuevo elemento Html-Javascript donde pegaremos este código:


<div style="text-align: center;"><object id="movie" type="application/x-shockwave-flash" data="URLarchivo.swf" width="ancho" height="alto"><param name="movie" value="URLarchivo.swf"><param name="wmode" value="transparent"></object></div>


En "data" y "value" colocamos la direccion (url) de la imagen flash que nos proporciona Photobucket.
Borramos donde dice "transparent".
Cambiamos a nuestro gusto el ancho y el largo, poniéndolo en pixeles.

En la cabecera/header del blog

Nos situamos en nuestra plantilla HTML y buscamos la parte del código que corresponde a nuestra cabecera:

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='el escaparate (cabecera)' type='Header'/>
</b:section>
</div>


En maxwidgets='1' podremos "2" y en showaddelement='no' pondremos "yes". Guardamos cambios.
Ahora si vamos a la parte de editar (donde añadimos los elementos) de la plantilla, veremos que en la cabecera tenemos la posibilidad de añadir un nuevo elemento. Colocaremos nuestro código flash justo ahí, en un nuevo elemento HTML-Javascript.
Tendremos entonces el flash en la cabecera, pero la cabecera anterior también sigue mostrándose, así que tendremos que eliminarla. Volveremos al HTML de la plantilla, y en el código que antes modificamos, el del header, borramos esta línea:

<b:widget id='Header1' locked='true' title='el escaparate (cabecera)' type='Header'/>


Usamos la "vista previa" y si todo ha ido según lo previsto, guardamos cambios. Nos saldrá entonces un mensaje que nos avisa de que la antigua cabecera va a ser suprimida:

Están a punto de suprimirse los artilugios
.Header1

Este es mi banner en formato flash, como véis también puede colocarse en las entradas del blog sin problemas:


¡Gracias Toxicboy!!! :-)

0 comentarios:

Publicar un comentario