Cabecera del blog en flash

9 de junio de 2009 | Publicado por El Potro | Etiquetas: Trucos 283 comentarios

Me han preguntado mucho cmo poner la cabecera del blog en flash como en el blog de wallpapers gratis.

Primero debes tener ya creada la cabecera en flash en formato .swf y alojada en un hosting, esta debe tener el ancho que tiene tu actual cabecera.

Para plantillas antiguas originales de Blogger

Entra a Diseo | Edicin de HTML, busca este cdigo y cambia el tamao del height a 0px: #header { width : 960px; margin : 0 auto; height : 300px; padding : 0; } Abajo de este cdigo 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 */ } Ms 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 slo 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 Diseador de Plantillas de Blogger

Busca esta lnea: .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 lnea: <div class='region-inner header-inner'> Y debajo de ella agrega este cdigo: <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 tendrs una cabecera animada en flash dentro de tu blog.

________________________ Bienvenidos! soy una joven canaria, ilustrador freelance y hago uso de este medio para darme a conocer a travs de mis ilustraciones y fotografas. Tengo especial inquietud por la ilustracin infantil y juvenil y por la creacin de comics, aunque no le hago ascuas a nada y es que me encanta el mundo visual en todas sus ramas!

martes, 2 de octubre de 2007

Aadir Flash en la cabecera de Blogger

Muchas personas me han preguntado como poner un flash como titulo en el blog, es sencillo, aunque tendremos que trastear un poco con la plantilla Html. Lo primero que tendremos que hacer, es subir a algn sitio nuestra animacin, yo por ejemplo uso http://photobucket.com/ , te puedes registrar gratuitamente y podemos subir las cosas que queramos. El siguiente paso, consistir en ir a las opciones de nuestro blog, y elegir la pestaa Plantilla -> Edicin Html Ahora, y sin olvidarnos nunca de esto presionamos en el link Descargar Plantilla Completa Pues esto nos creara una copia de seguridad si nos cargamos el blog. Cuando tengamos los datos guardamos, marcamos Expandir Plantillas de artilugios, en nuestro navegador vamos a Editar -> Buscar y buscamos la siguiente lnea de cdigo: id='header-wrapper' y debera aparecernos marcado. Pues bien, todo lo que est debajo de esta lnea debe ser borrado hasta la siguiente lnea: id='main-wrapper' Con esto habremos borrado la cabecera de Blogger, y ahora insertaremos la nuestra.
<object data='Link_de_mi_Flash.swf' height='300' type='application/xshockwave-flash' width='600'>

<param name='movie' value='Link_de_mi_Flash.swf' /> <param name='quality' value='high'/> <img alt='Imagen en reemplazo de flash' height='300' src='flash.png' width='600'/> </object>

Quedando una cosa parecida a la imagen que adjunto.

Debe de quedar una cosa parecida a la imgen Donde esta el Link de mi flash.swf pondremos la direccin que nos dio el photobucket o el servidor donde hemos alojado la imagen. El alto (height) y el Ancho (width)hay que ponerlo en pixeles que flash siempre debe de tener unas dimensiones, si no, no se ver nada. Y en donde pone Flash.png pondremos la imagen que s veria, si por alguna casualidad el link se rompiera. Despus de esto no nos queda mas que darle a VISTA PREVIA, y ver que todo ha quedado bien. Si es as guardamos y listo, si no cancelamos, y miramos si hemos puesto las direcciones del Link bien, puesto que debe incluir http://www. Este tutorial est basado en la plantilla bsica del Blogger, en las otras deberia de ser parecido, pero si encontrais algn problema lo podeis comentar, y pondr las soluciones :).

Mejor respuesta - elegida por los votantes

Hola, para subir un banner en flash debes hacer lo sgte: 1-subir a algun servidor tu archivo .swf , lo puedes hacer en photobucket, una vez subido , te vas a la plantilla y aades un nuevo elemento HTML/javascript y escribes este codigo: <div style="text-align: center;"><object id="movie" type="application/x-shockwave-flash" data="URLde tu archivo.swf" width="ancho" height="alto"><param name="movie" value="URLdetuarchivo.swf"><param name="wmode" value="transparent"></object></div> borras donde dice "transparent", donde dice ancho y alto lo modificas a tu gusto en pixeles. luego

te vas a tu plantilla en edicion HTML y buscas el codigo que corresponde a tu cabecera, sera algo asi: <div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='titulo de tu blog (cabecera)' type='Header'/> </b:section> </div> Donde dice maxwidgets='1' podremos "2" y en showaddelement='no' pondremos "yes". Guardamos cambios. Ahora si vamos a la parte de editar (donde aadimos los elementos) de la plantilla, veremos que en la cabecera tenemos la posibilidad de aadir un nuevo elemento. Colocaremos nuestro cdigo flash justo ah, en un nuevo elemento HTML-Javascript.Tendremos entonces el flash en la cabecera, pero la cabecera anterior tambin sigue mostrndose, as que tendremos que eliminarla. Volveremos al HTML de la plantilla, y en el cdigo que antes modificamos, el del header, borramos esta lnea: <b:widget id='Header1' locked='true' title='titulo de tu blog (cabecera)' type='Header'/> Usamos la "vista previa" y si todo ha ido segn lo previsto, guardamos cambios. Nos saldr entonces un mensaje que nos avisa de que la antigua cabecera va a ser suprimida: Estn a punto de suprimirse los artilugios .Header1 y le dices ke ok Bueno eso es todo espero te sirva la ayuda,realmente siempre busco ayuda para mi blog en este blog de donde te doy la informacion, te lo recomiendo es muy bueno, es este: http://www.elescaparatederosa.blogspot.c Fuente(s): suerte y hasta pronto esta es mi web: http://didita.iespana.es