Hoy vamos a explicar como colocar un archivo Flash (swf), en la cabecera de un Blog de Blogger.
Hemos explicado ya como subir un SWF a un servidor que nos permite ver el archivo desde Blogger.
Para tener una cabecera con flash lo que hice fue modificar primer la cabecera de la plantilla en la sección Header.
Buscamos el codigo:
#header {
margin: 0 2%;
background-repeat: no-repeat;
color: #000000;
padding: 0;
font: normal bold 39% Verdana, sans-serif;
position: relative;
height: 200px; /* este numero puede variar, es la altura de la cabecera */
}
Hay que modificar el valor de height y poner 0px.
Luego al final de esta sección, antes de /* Content, agregamos
#header-flash {
margin: 0 2%;
padding: 0;
position: relative;
height: 300px; /* esta es la altura de la cabecera Flash */
}
Luego mas abajo en la plantilla buscamos donde dice
<div id='header-wrapper'>
y lo dejamos de esta manera:
<div id=’header-wrapper’>
/** comienzo El flash de la cabecera */
<div id=’header-flash’><center>
/** comienzo codigo de photobucket.com */
{Aqui va el codigo para insertar el Flash}
/** fin codigo */
</center> </div>
/** Fin El flash de la cabecera */
Espero que les sirva, esto lo hice por un pedido de mi cuñado que es el admin de http://perspectivafotografica.blogspot.com/
Falta elementalizar tu tutorial, ten encuenta q muchos no sabemos programacion. Pero gracias.
Hola, si pudieras ponerlo nuevamente, pero mas detallado esta vez, pero colocandole una direcciones “x”para que nosotros podamos cambiarlas por las nuestras, pues no entiendo cuando pones (/** comienzo El flash de la cabecera */)
(/** comienzo codigo de photobucket.com */)
{Aqui va el codigo para insertar el Flash}
(/** Fin El flash de la cabecera */)
es una observación, saludos.
Hola a todos
Estoy intentando poner la cabecera flash para blogger. El caso es que lo hice con Artisteer y no me reproduce la cabecera flash
El archivo swf los alojé en http://www.swfupload.com/.
Lo intentado hasta la saciedad y no lo consigo.
Este es el código que aparece una vez exportado de artisteer a Blogger, en referencia a la cabecera.
¿sabría alguien decirme cómo lo hago?
Gracias de antemano.
Saludos
/* begin Header */
div.art-header
{
margin: 0 auto;
position: relative;
width: 100%;
height: 175px;
overflow: hidden;
}
div.art-header-center
{
position: relative;
width: 990px;
left:50%;
}
div.art-header-png
{
position: absolute;
left:-50%;
top: 0;
width: 990px;
height: 175px;
background-image: url(‘http://lh3.ggpht.com/_JKM6b5RqdbA/TQ6HM3SRYjI/AAAAAAAAAkA/BuhUUCtX4KQ/header.png‘);
background-repeat: no-repeat;
background-position:center center;
}
div.art-header-jpeg
{
position: absolute;
top: 0;
left:-50%;
width: 990px;
height: 175px;
background-image: url(‘http://lh5.ggpht.com/_JKM6b5RqdbA/TQ6HNY3F6ZI/AAAAAAAAAkE/-4-TnlD32VA/header.jpg‘);
background-repeat: no-repeat;
background-position: center center;
}
body#layout #Header1
{
display: block;
}/* end Header */
/* begin Flash */
#art-flash-area
{
position: absolute;
top: 0px;
left: 0px;
width: 990px;
height: 175px;
}
#art-flash-container
{
position: absolute;
top: 0;
left: 0;
width: 990px;
height: 175px;
}
#art-flash-container div.art-flash-alt
{
position: relative;
width: 110px;
height: 30px;
margin: 0 auto;
top: 0px;
}
/* end Flash */
hola intento poner el codigo pero esta diferente, si es de blogger pero creo que se nesesita una plantilla en especial, me podrias decir alguna con la que lo pueda poner
va gracias..
yosoyhollister@hotmail.com