Thursday, May 16, 2013

Poner swf en la cabecera de blogger


Para plantillas antiguas originales de Blogger

Entra a Diseño | Edición de HTML, busca este código y cambia el tamaño del height a 0px:
#header {
width : 960px;
margin : 0 auto;
height : 300px;
padding : 0;
}

Abajo de este código pega esto y cambia lo que se indica:
#header-flash {
margin: 0;
padding: 0;
position: relative;
height: 260px; /* cambia este valor por la altura de tu cabecera en flash */
}

Más abajo busca esta etiqueta:
<div id='header-wrapper'>

Y abajo de ella pega esto:
<div id='header-flash'><center><object width="960" height="260"><param name="movie" value="URL del archivo en flash" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="wmode" value="transparent" /><embed src="URL del archivo en flash" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="960" height="260" wmode="transparent"></embed></object></center></div>

Ya sólo cambia la URL del archivo en flash por el enlace donde lo tengas alojado y modifica el ancho (width) y alto (height) del archivo.
Dale vista previa y si todo está bien guarda los cambios.


Para plantillas hechas con el Diseñador de Plantillas de Blogger

Busca esta línea:
.Header h1 {
Justo arriba de ella agrega esto:
.Header h1 {display:none;}
#header-flash {
margin: 0;
padding: 0;
position: relative;
height: 260px; /* cambia este valor por la altura de tu cabecera en flash */
}

Luego busca esta otra línea:
<div class='region-inner header-inner'>
Y debajo de ella agrega este código:
<div id='header-flash'><center><object width="960" height="260"><param name="movie" value="URL del archivo en flash" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="wmode" value="transparent" /><embed src="URL del archivo en flash" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="960" height="260" wmode="transparent"></embed></object></center></div>
De igual forma cambia la URL del archivo en flash por el enlace donde lo tengas alojada tu cabecera en flash y modifica el ancho (width) y alto (height) del archivo.

Con esos simples pasos tendrás una cabecera animada en flash dentro de tu blog.

Ejemplo

Extraido de Ciudad Blogger