Sobre mí

Bienvenidos! soy una joven canaria, ilustrador freelance y hago uso de este medio para darme a conocer a través de mis ilustraciones y fotografías. Tengo especial inquietud por la ilustración infantil y juvenil y por la creación 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

Añadir 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 algún sitio nuestra animación, 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 pestaña Plantilla -> Edición 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 línea de código:
id='header-wrapper' y debería aparecernos marcado. Pues bien, todo lo que está debajo de esta línea debe ser borrado hasta la siguiente línea: 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/x-shockwave-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 imágen
Donde esta el Link de mi flash.swf pondremos la dirección 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.

Después 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 básica del Blogger, en las otras deberia de ser parecido, pero si encontrais algún problema lo podeis comentar, y pondré las soluciones :).

13 comentarios:

Nahum dijo...

hola a ver si me puedes ayudar mi quiero poner una imagen flash en la cabesera pero no me deja este es si te mando mi codigo podras ayudarme, estoy usando una plantilla

Nahum dijo...

otra vez yo grasias por el codigo, ya pude poner el flash, solo era cosa de borrarle otras cosillas

Dandex dijo...

mmm olazz como stas gracias por el tutorial mmm pero al momento de guardar la plantilla con los cambios del flash

me aparece un mensaje donde me dice que se borraran los artilugios que he ingresado automaticamente?¿¿?

bueno espero q me puedas ayudar

aca te dejo mi blog

http://dandexstudio.blogspot.com

mi correo porfa ayudaamm sii

incompletedb@msn.com

Gema Segundo dijo...

Si, es normal, eso te lo dice, porque estás borrando el sistema automático de la cabecera de blogger, cuando la cambies a una flash, siempre que la quieras cambiar tendras que hacerlo por html, puesto que ya no tendras el menu de subirla automaticamente. le tiennes de dar a aceptar.

polycarpo dijo...

hey, gracias por el tutorial, me sirvio para añadir un boton en flash a mi sitio

| :D dijo...

Heii Buuen minii FaQ peroo lo qe iio qiiero ess poder Camibiar la plantiilla de mi blogg 88

pasatee :D


www.neembiittoo.blogspot.com

admin dijo...

Muchas gracias por tu ayuda...me sirvió demasiado

CECOS dijo...

hola, muchas gracias... funciona, solo que cuando hago mi primer entrada(mi blog es nuevo) me falta un pedazo de fondo, del que va en las entradas... nose que parte del codigo se refiere a ese fondo.. espero puedas ayudarme un poco gracias..:)

Gema Segundo dijo...

La verdad es que no se a que te refieres... podrias explicarte un poco más?

CECOS dijo...

hola, gracias por responder, lo que pasa es que el fondo de mi "main" es una imagen al igual que el de mi "sidebar", entonces al poner el archivo swf, algo pasa, que esa imagen ya no se repite hasta que el texto acaba sino que se queda fija, eso la vuelve corta despues de la segunda entrada, por lo que cambie esa imagen por un color en ambos casos y se soluciono, pero igual me gustaria meter algun fondo de imagen, sabes cual es el codigo que debo afectar para ese fin???..
este es mi blog loscecos.blogspot.com
Gracias

@ dijo...

Ante todo gracias por tu dedicación. He posteado para explicar como he cambiado mi cabecera del blogspot con el flash. la verdad es que me he pasado muchas más horas de las que pensaba, por si a alguien le interesa, puede mirárselo aquí:
http://multidicciones.blogspot.com/

blackshark21 dijo...

oie no pude pude ayar la parte para modificar si me pudieras ayudar la verdad me interesa mucho acerlo e buscado muchos tutoriales i el tuio es al ke mas omenos le entendia pero no pde aiar la parte esa ke te digo por favor si me pudieras ayudar me encantaria
mi correo es hivabs_21@hotmail.com

Anónimo dijo...

Hola, necesito de tu ayuda, busque id='header-wrapper' pero en mi plantilla no está, con header sólo aparece esto:

#header {
width: 100px;
height: 100px;
position: relative;
}

/* Header - Info */
#header #header-info {
position: absolute;
top: 180px;
left: 30px;
}
#header #header-info h1 {
color: #ffffff;
font: bold 30px Verdana;
padding-bottom: 5px;
}

#header #header-info h2 {
color: #ffffff;
font: bold 14px Verdana;
}


De aquí en adelante está lo del menú.-----º----

De igual forma inserte tu código despues del primer párrafo header y aparece la animación, pero lo malo es que también aparece el título por defecto que solicita el blog cuando uno se suscribe.

Cómo hago para que desaparezca este título por defecto, o que elimino del HTML para que no llame a la cabecera predeterminada de blogspot. Resalto que este espacio lo tengo en la mitad de la página y no en la parte superior como viene normalmente.

Agradezco tu tiempo esperando una pronta respuesta.