09 noviembre 2009

Tutorial: Flash en el encabezado Blogger

Un toque distinto...


Ya se ha comentado en el Blog, cómo incrustar Flash en una entrada de Blogger. Ahora vamos a ver cómo se puede cologar un SWF en el encabezado. Dos ejemplos:
Básicamente lo que hay que hacer es eliminar la cabecera que tenemos por defecto y sustituirla por un gadget HTML con el código para incluir el SWF que queramos. Pasos a seguir:

1.- Entra en tu cuenta de Blogger.

2.- Accede al diseño y a Edición HTML.

3.- Haz una copia de seguridad de tu plantilla, por si acaso. (Ver cómo) (Muy importante por si metemos la pata)

4.- Asegúrate que la casilla Expandir plantillas de artilugos, NO ESTÁ SELECCIONADA.


5.- Ahora debemos buscar la parte que gestiona la cabecera del Blog. Se encuentra en la ventana de código que está justo debajo de expandir plantillas de artilugios. Busca el código siguiente:

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1'>
<b:widget id='HTML1' locked='true' title='' type='HTML'/>
</b:section>
</div>


6.- Donde dice locked='true' debemos sustituirlo por locked='false'. De esta forma nos permitirá borrar nuestra cabecera por defecto. Una vez cambiado, volvemos al diseño y a pestaña elementos de página. Ahora al editar la cabecera, nos aparecerá la opción de eliminar.

7.- Una vez eliminada solo debemos incluir un nuevo gadget a la cabecera. Al hacerlo podemos elegir entre varios (incluido la antigua cabecera que será la última opción). En nuestro caso, lo que tenemos que seleccionar es HTML/Javascript.

8.- Por último, en este gadget HTML debemos escribir el código:


<object data='DIRECCIÓN DEL SWF' height='XXX' id='movie' type='application/x-shockwave-flash' width='YYY'>
<param name='movie' value='DIRECCIÓN DEL SWF'>
<param name='wmode' value='transparent'/>
<param name='allowScriptAccess' value='always'/>
</param>
</object>



Donde debéis sustituir donde dice DIRECCIÓN DEL SWF por la dirección donde tengáis alojado el flash que queréis como cabecera. También debéis sustituir XXX e YYY por el valor del alto y ancho en píxeles, respectivamente, del flash que queréis usar.

Con este sistema, podemos sustituir nuestra cabecera no solo por un Flash, sino por cualquier otro elemento que queremos incluir a través del código HTML.

8 comentarios:

Anónimo dijo...

Gracias por el material. me ha servido.

EL INNOMBRABLE dijo...

Y hice cada paso, elminé la cabecera, pero el archivo swf quedó al costado, no en el acabecera del blog, como la puedo cambiar?

Artesanías Kanut dijo...

a mi no me reproduce el swf... por qué puede ser. He seguido cada uno de los pasos... el blog intenta cargarlo pero finalmente no puede

Óscar Barquín Ruiz dijo...

El Indomable: el problema tiene pinta de ser porque no lo estás ubicando en el lugar correcto. Prueba a añadir un java/HTML en el diseño en la parte superior del blog y ahí pegar el código.

Óscar Barquín Ruiz dijo...

Artesanías: pues puede ser por algún error de código. Repasa bien todo lo que escribes.

Alfredo Camacho dijo...

BUENAS, HICE CADA PASO PERO AL IR A ELEMENTOS DE PAGINA Y ELIMINAR LA CABECERA ME LA ELIMINA PERO NO ME DEJA GUARDAR LOS CAMBIOS, LO HE REPETIDO VARIAS VECES Y NADA ME DA ERROR

Anónimo dijo...

hice cada paso pero al ir a elementos de pagina y tras eliminar la cabecera no me aparece en el croquis de los elementos pero luego no me guarda los cambios, lo he repetido varias veces y nada, que hago?

Óscar Barquín dijo...

El problema del error creo que tiene que ver con el nuevo (ya no tan nuevo) formato de blogger. Intentad restaurar el antiguo (da esa opció o al menos la daba en el menú de usuario) para introducir esos cambios y después volved al actual.