Cabecera del blog en flash

9 de junio de 2009 290 comentarios ,
Me han preguntado mucho cómo 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 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.


290 comentarios en:

" Cabecera del blog en flash "

  1. La verdad que si, como ya te dije antes, la cabecera de fondos240 esta excelente. Gracias por la data, es muy útil. La verdad que un banner es flash le da un poco de vida propia a un blog (o por lo menos así lo veo yo, jajajaja).

    Felicidades bro! ya tienes 40 seguidores. Ademas siempre que entro, nunca estoy solo. Siempre hay otros usuarios online.

    ¡¡¡¡QUE BLOG ESTE!!!! ¡¡¡¿no?!!!


    Un abrazo!!!!

    ResponderEliminar
  2. Igual a mí me gustan las cabeceras en flash, me gusta la idea de que el título esté animado.
    Gracias por tus comentarios bro. y pos estar siempre.
    Un abrazo.

    ResponderEliminar
  3. Hola Amigo. Amigo quería hacerte una pregunta puedo colocar un código html en una entrada, para que quede como un post, es un formulario.

    ResponderEliminar
  4. Sí, a menos que el formulario tenga códigos incompatibles.
    Lo mejor es que en un blog de pruebas lo hagas para ver cómo queda y arregles los posibles errores que tenga.
    A ver si mañana publico un post de cómo crear formularios.
    Saludos.

    ResponderEliminar
  5. Hola nuevamente
    tengo rato buscando creo que es esto...la cabecera en flash...pero dices...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.
    ...no tengo le menor idea de que es esto....podrías decirme más o menos que es formato.swf y que es ...HOSTING..
    o donde lo encuentro'


    gracias....

    ResponderEliminar
  6. Hola nuevamente
    tengo rato buscando creo que es esto...la cabecera en flash...pero dices...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.
    ...no tengo le menor idea de que es esto....podrías decirme más o menos que es formato.swf y que es ...HOSTING..
    o donde lo encuentro'


    gracias....

    ResponderEliminar
  7. Hola Yoly,

    El formato .swf es el formato de los archivos diseñados en flash, ahí sí tendrías que tener conocimientos de diseño en flash.
    El hosting es el alojamiento en internet, o sea el lugar donde estará tu archivo en la red.

    Pero te repito que antes debes tener tu cabecera hecha en flash, si ya la tienes lo demás será muy sencillo.

    Saludos.

    ResponderEliminar
  8. Potro:
    Leyendo la respuesta que le das a Yoly, he entrado a Fondos 240 y, realmente, se ve muy bien la cabecera en flash.
    Se podría agregar una animación a mi cabecera?... Por lo menos que los reflejos de luz que tiene se muevan cómo el de Fondos 240 y algo de tu ingenio?.
    Te animarías a darme una "ayuda"?.
    Ó requiere de mucho tiempo?.
    Saludos.
    Jpz.-

    ResponderEliminar
  9. Hola Jpz,

    Ahí sí te la voy a deber, esas animaciones se hacen con Adobe Flash y desconozco por completo ese programa =(

    A ver si contacto a un buen amigo que es quién me hizo algunos diseños en flash a ver si se anima a hacernos algunos.

    Saludos.

    ResponderEliminar
  10. Si por ahí sale algo...
    De todas formas, gracias Potro.
    Saludos.
    Jpz.-

    ResponderEliminar
  11. potro en mi plantilla no encuestr el:

    el primer codigo que dices que tenemos que buscar.

    sabes si hay otro en ves de ese?

    ResponderEliminar
  12. Hola Snape,

    Si te refieres al blog de HP Muggle en ese caso busca este código:

    /* The Header */
    #top {
    height:104px;
    margin:auto;
    background:#FFFFFF top repeat-x;
    width:1000px;
    }

    Ahí debajo es donde deberás pegar lo que se indica.

    Saludos.

    ResponderEliminar
  13. Potro hola de nuevo sabes quiero colocar en mi blog una cabecera con flash pero he buscado el codigo html que indicas y solo encuentro este:

    #header {
    background: #fffff url() repeat-x left bottom;
    }

    la planilla que tengo es la de Blogcrowds de tres columnas Blogger Template Style
    Name: Thisaway (Green), pero ahora la tengo de 2 le modifique los colores igual, es decir la he transformado entera jajaja.

    podre colocar lo que dices directo o no???

    otra cosita al final del blogg me sale una frase Modified by Blogcrowds, hay alguna forma de eliminarlo o ocultarlo

    ResponderEliminar
  14. Hola RonnyTemxcano,

    Abajo de ese código que dices es donde va lo demás que explico en este post. No sé a qué te refieres con directo, si te refieres a que cargas el archivo como si subieras una imagen, no. Tienes que seguir los pasos anteriores.

    Lo de 'Modified by Blogcrowds' son los créditos, yo te recomiendo que no lo elimines pues es una forma de darle las gracias a los que crean estas plantillas para que nosotros las usemos sin costo. De cualquier modo si decides eliminarlo sólo entra en Diseño > Edición de HTML y con las teclas CTRL + F busca esa frase y elimínala.

    Saludos.

    ResponderEliminar
  15. Gracias Potro, lo de directo me referia a lo que me explicabas de colocar el tú código html debajo del que coloque yo...y gracias por la explicación de Blogcrowds.

    ResponderEliminar
  16. uy me costo hacerlo en blogspot XD, pero si pude, aqui pueden alojar su archivo swf
    http://www.fhqhosting.com/index.php
    y chequen mi perfil para que vean como me quedó (las etiquetas son distintas ya que no tengo las plantillas comunes que se suele usar en blogspot)

    ResponderEliminar
  17. Hola mecm,

    Hiciste un excelente trabajo con esa cabecera. Gracias por el tip del alojamiento.
    Saludos.

    ResponderEliminar
  18. Hola. buen post. He querido hacer mi colaboracion, dando una opcion mas facil de ediciones posteriores y mas util, pero no pude escribir el comentario porque como incluia codigos, me decia que no estaba permitido. Intenté enviarte un correo, pero no lo encontré, ya que el enlace que dice enviar correo, esta roto. Saludos!

    ResponderEliminar
  19. Hola Luifer Villa,

    Mil disculpas, ya he arreglado el enlace para el correo electrónico.
    Saludos.

    ResponderEliminar
  20. hola potro lo intente y no salio por favor si me puedes explicar primero busco los valores:

    #header {
    width : 960px;
    margin : 0 auto;
    height : 300px;
    padding : 0;
    }
    y teng esto en mi plantilla:
    /* banner */
    #header-wrapper {
    clear: both;
    width: 880px;
    height: 250px;
    padding: 0 40px;
    margin: 0 0 5px 0;
    background: url(http://4.bp.blogspot.com/_qJEkQRe5y8U/SvHqDIEUT8I/AAAAAAAABCI/VrBXU4tzfNE/s1600/templatemo_banner_bg.jpg) no-repeat;
    }

    #header-inner {
    background-position: center;
    margin-left: auto;
    margin-right: auto;
    }

    #header h1 {
    margin: 0px;
    padding: 0px;
    padding: 80px 0 20px 0;
    font-size: 50px;
    font-weight: bold;
    color: #fff;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    }

    ##header .description {
    font-size: 30px;
    width: 400px;
    line-height: 30px;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    }

    /* end of banner */



    Quisiera saber como hago el procedimiento con estos valores. muchas gracias

    ResponderEliminar
  21. Recuerda que el height debes cambiarlo a 0px

    #header {
    width : 960px;
    margin : 0 auto;
    height : 300px;
    padding : 0;
    }

    Y que la nueva cabecera en flash debe tener el mismo ancho, en este caso 960px

    Saludos.

    ResponderEliminar
  22. al hacerlo creo q se come mi plantilla...>,> mi plantilla es de dos columnas pero cuando pongo el código para el header se vuelve solo de una!!!

    ResponderEliminar
  23. Hola Cherry_Nahme,

    Creo que ya has resuelto el problema, veo en tu blog la cabecera en flash sin problema alguno.

    Saludos.

    ResponderEliminar
  24. Buenas Potro soy nuevo en esto del los blog pero kiero poner una imagen en mi blogger la tengo lista el flash alojado pero no se como y donde intalar los codigos sime puedes ayudar te lo agradeceria

    /*-- (Cabecera) --*/

    #header-wrapper {
    padding: 30px 0;
    }

    #header-inner {
    text-align: center;
    }


    #header-wrapper a {
    text-decoration: none;
    }

    #header-wrapper h1 {
    text-transform: uppercase;
    letter-spacing: 5px;
    font-size: 28px;
    font-weight: normal;
    color: $colortituloblog;
    }

    #header-wrapper p {
    text-transform: lowercase;
    letter-spacing: 2px;
    font-size: 12px;
    font-style: italic;
    color: $descripcioncolor;
    }

    #header-wrapper h1 a {
    color: $colortituloblog;
    }

    #header-wrapper p a {
    color: #DDEEFF;
    }

    /*-- (Menú) --*/

    ResponderEliminar
  25. Hola Daniel Aguayo,

    Sigue los mismos pasos que indico en el post, sólo omite el primero.

    Saludos.

    ResponderEliminar
  26. Hola Potro

    En mi plantilla no encuentro la etiqueta de header-wrapper
    ¿Qué puedo hacer?
    Mil gracias

    ResponderEliminar
  27. Hola ABRIL,

    En el caso de tu plantilla puedes probar poniendo el código debajo de <div id='wrap3'>

    Saludos.

    ResponderEliminar
  28. Hey! que rápida tu respuesta. Funciona perfecto.
    Mil gracias

    ResponderEliminar
  29. Hola Potro
    Hice esto mismo con el fondo del blog a partir de #wrap2
    y se ve muy bien el fondo en flash pero me oculta otras partes del blog y lo desplaza un poco, así que mejor lo quité. ¿Sabes cómo puedo hacerlo bien?
    Mil gracias

    ResponderEliminar
  30. Como fondo dudo mucho que se pueda sin que afecte el resto de los elementos, como es en formato flash suele desplazar otras áreas y ocultar otras :S

    ResponderEliminar
  31. Hola Potro, Soy Abraham, estoy haciendo un blog que parezca pagina y le puse la cabecera flash y funciona bien, solo que al revisar el blog en otra compu me di cuenta que la cabecera en flas no se ve, y que solo se ve cuando tengo abierta la web donde aloje el archivo .swf que es en www.sites.google.com, y cuando me salgo de sites.google no carga la cabecera,

    Podras apoyarme a saber como solucionarlo...?

    ResponderEliminar
  32. Hola Javier Montero,

    Es posible que sea porque no tienes abiertos los permisos de Google Sites para todo el público.
    Verifica que no sea por eso, sino repite de nuevo los pasos cerciorándote que hayas puesto los códigos en el lugar correcto.
    Saludos.

    ResponderEliminar
  33. Hola Potro ya lo solucione, y comparto lo que aprendi para que a alguien le sirva:

    Desde Google Sites solo se pueden visualizar las imagenes flash si el blog esta http://nombredelblog.blogspot.com y no se visualizan si esta direccionado a un Dominio Personalizado; que fue mi caso.

    Lo solucione alojando mi archivo .swf en Dropbox en la carpeta Publica.

    Saludos y Gracias como siempre, Soy Abraham Medina mi primer blogs es Protege tu Auto donde me apoyaste con el dominio.

    ¡ Exito !

    ResponderEliminar
  34. Esa es otra razón para quedarse con Dropbox :D
    Gracias por compartir la solución a tu problema, seguro si alguien tiene el mismo inconveniente podrá resolverlo leyendo tu comentario.

    Saludos.

    ResponderEliminar
  35. Hola Potro
    Espero estés bien. Hoy quisiera saber si es posible poner un archivo flash como cabecera flotante.
    ¿Se puede? ¿Cómo se hace?
    Mil gracias

    ResponderEliminar
  36. Hola ABRIL,

    ¿A qué te refieres con cabecera flotante?

    ResponderEliminar
  37. Hola
    Me refiero a una imagen flotante en la cabecera pero que dicha imágen sea un archivo flash (.swf)
    Mil gracias

    ResponderEliminar
  38. Habría que cambiar donde dice:

    #header-flash {
    margin: 0;
    padding: 0;
    position: relative;

    Lo que está en negrita cambiarlo por fixed y además agregar debajo de esa línea esto:

    top:0;
    left:300px;

    El valor de left lo puedes modificar hasta que quede en la posición que quieres.

    Saludos.

    ResponderEliminar
  39. Excelente!!!
    Invaluable tu ayuda.
    Muchísimas gracias

    ResponderEliminar
  40. Como siempre es un placer poder ayudarte ;)

    ResponderEliminar
  41. Hola amigo Potro, sabes como puedo poner un banner al lado del titulo del blog, como el que tienes aqui en tu blog con publicidad, sobre la barra de busqueda de google ????

    gracias

    ResponderEliminar
  42. Hola Julian Fernandez,

    Necesitas dividir la cabecera en dos. Te dejo un enlace que explica cómo se hace:
    http://gemablog-.blogspot.com/2009/07/header-dividido.html

    Saludos.

    ResponderEliminar
  43. Potro me gusta mucho la cabecera de http://fondos240.blogspot.com/

    Si pudieras algun dia hacer tutoriales de como hacer cabeceras en flash! fuese genial! yo quiero uno parecido T_T

    ResponderEliminar
  44. De flash no sé nada :P
    Pero en Trucos Flash seguro podrás aprender sobre el programa, o podrán orientarte mejor.

    Saludos.

    ResponderEliminar
  45. Que alguien me explique porque en mi plantilla no puedo ver este elemento: #header { aún teniendo los artilugios extendidos y usando Ctrl+F..

    Estoy desesperado!!!!!!!

    Gracias de antemano, y gracias por este maravilloso blog, que ayuda a los que menos saben.

    ResponderEliminar
  46. Mi dirección es esta: http://elblogdelplacer.blogspot.com/

    ResponderEliminar
  47. Si no lo tiene tu plantilla agrégalo antes de .Header h1

    El otro código pégalo después de:
    div id='header'

    Saludos.

    ResponderEliminar
  48. excelente solo que en vez de abajo de div id=header-wrapper lo coloque arriba y funciono

    ResponderEliminar
  49. Qué bueno que te ha funcionado :)

    ResponderEliminar
  50. Gracias por tus indicaciones son muy faciles de aplicar; ya coloque mi banner en la cabezera, pero me queda un espacio muy grande con el banner y abajo otra cabezera.
    Te dejo la direccion del blog para ver si me puedes colaborar indicandome que debo hacer xa q solo quede el banner.
    Gracias
    www.ofiseguros.blogspot.com

    ResponderEliminar
  51. Acuérdate que tienes que cambiar el height del elemento #header a 0px de modo que quede así:

    #header {
    height:0px;

    ResponderEliminar
  52. Por si a alguien le sirve de ayuda en la siguiente página se pueden crear cabeceras en flash siguiendo unos modelos predeterminados además de algunos efectos para blog.
    Podemos obtener el archivo swf para alojarlo en un servidor o bien obtener la url del archivo si necesidad de descarga.

    La página es

    http://www.flashvortex.com

    ResponderEliminar
  53. Hola Potro!
    Che sabes que no puedo encontrar el primer código.
    =(
    jejeje

    ResponderEliminar
  54. Estaba tratando de poner el cabezal flash en mi blog. Acá te lo dejo:

    http://desmoronados.blogspot.com/


    no te asustes es medio emo mi blog =P

    ResponderEliminar
  55. Estoy curado de espantos no te preocupes ;)

    El primero en lugar de buscar #header busca .header-outer {
    Luego, en lugar de buscar esta línea:
    <div id='header-wrapper'>
    Busca esta otra:
    <header>

    Saludos.

    ResponderEliminar
  56. potro como pongo gorro
    pero esque tampoco puedo hacer esto
    aqui esta mi blog

    portercowboys.blogspot.com

    ayudame men porfa

    ResponderEliminar
  57. El problema es que usas las plantillas nuevas de Blogger y los códigos ahí son completamente distintos.
    Para las plantillas nuevas pega antes de .Header h1 { lo siguiente:

    .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 el último código pégalo abajo de esta línea:

    <div class='region-inner header-inner'>

    ResponderEliminar
  58. muchas gracias potro
    ahora si me funciono
    ERES UN MAESTRO;)

    ResponderEliminar
  59. ay te va la otra
    ya lo puse
    pero ahora queda un espacio muy grande entre el flash y la entrada o el menu segun sea el caso
    que solucion puede haber aqui?

    ResponderEliminar
  60. Ese es el espacio normal que tiene tu plantilla, pero igual puedes poner debajo de:
    #header-flash {

    Un margen como este:
    margin-bottom:-50px;

    ResponderEliminar
  61. ya ya encontre la manera
    muchas Gracias potro

    ResponderEliminar
  62. Potro.. Me queda claro que eres un excelente administrador y desarrollador de Blogger. Seguí las recomendaciones que le hiciste a "PorterCowboy", con respecto al uso de flash en el header con las nuevas plantillas de Blogger y logré incluir flash con éxito. Te comparto mi blog para que lo veas: http://dmdesignmultimedia.blogspot.com/

    SalU2... Atte. DM

    ResponderEliminar
  63. Hola, qué tal!
    Antes que otra cosa, debo agradecerte enormemente la ayudadota que nos das a los que no sabemos mucho de esto jiji. Estaba desesperada porque no lograba por mí misma colocar mi header flash en un sitio que estoy creando en blogger y gracias a ti lo he logrado.
    Si gustas verlo, dale aquí. Aún está en construcción, pero lo que más dolores de cabeza me estaba dando ya quedó y todo gracias a ti!! Ya sólo falta "rellenarlo" y comprar el dominio propio para inaugurarlo. Serás el invitado de honor! jaja.
    Un millón de Gracias!! ='D

    ResponderEliminar
  64. Hola eLiZa::,

    Qué gusto saber que tu blog cada vez está tomando la forma que deseas. Seguro te quedará todo muy bien.

    Muchas gracias por tu comentario.
    Saludos.

    ResponderEliminar
  65. Hola potro, me quedo grande hacerlo con las plantillas nuevas de blogger, al usuario de arriba le comentas la solucion pero a mi no me sale, tambien tengo la duda donde dice height: 260px; /* cambia este valor por la altura de tu cabecera en flash */. debo cambiar el valor que dice 260px o colocar el nuevo valor donde esta escrito cambiar el valor, en fin no me cuadra, seria de mucha ayuda y si dispones del tiempo hacer una entrada de este tema solo que para las plantillas nuevas, Un saludo amigo

    ResponderEliminar
  66. El blog donde tengo el problema no es el de mi perfil,
    el archivo lo cree con un programa que se llama flash intro, la pelicula esta 960x135 y esta es la url del archivo http://megaswf.com/serve/32818/, te agradezco me puedas ayudar

    ResponderEliminar
  67. Las plantillas nuevas son todo un misterio para todos y casi nada funciona en ellas es por eso que no hay mucha información sobre ellas.

    No mencionas por qué no te ha servido la solución que menciono en el comentario #61 ni tampoco me has dicho cuál es tu blog así que me es imposible saber cómo ayudarte.

    Respecto a la altura de la cabecera debes cambiar 260px por la altura de tu banner, en este caso sería cambiarlo por 135px

    ResponderEliminar
  68. Hola de nuevo, por fin pude, el problema en mi caso eran 2 cosas, primero que el ancho del blog era menor al archivo flash, en edicion de ancho de plantilla coloque el valor correspndiente, hasta hay nada que funcionaba, decidi cambiar el archivo de servidor haber si era eso y efectivo la cebezera aparecio, solo tuve que modificar la altura del archivo, luego volvi a reestablecer el ancho de mi blog y el archivo flash volvio desaparecer por lo que no era si no reestablecer el valor del ancho del banner, esto es enredado para el que no sabe amigo potro,muchas gracias por los codigos y por tu interes.

    Saludos.
    pd:El archivo me funciono bien desde este servidor
    http://www.xooimage.com/fr/

    ResponderEliminar
  69. Qué bueno que ya está funcionando y que se ha solucionado ;)

    ResponderEliminar
  70. Quetal amigo, perdona la molestia denuevo, pero era para preguntarte, por que no encuentro los codigos esos en mi plantilla. gracias

    ResponderEliminar
  71. Muchas gracias amigo, eres un genio y espero que trabajes en algo relacionado con la informatica por que es sorprendente lo que saves.
    felicidades y gracias

    ResponderEliminar
  72. este es mi blog potro y no puedo poner ese banner en flash no sale nada ya intente varias veces revisalo porfa,ya lo inclui y nada.checalo talvez me puedas ayudar. http://vixioweb.blogspot.com/

    ResponderEliminar
  73. Supongo que ya le habrás cambiado de dirección porque me dice que el blog no existe.

    ResponderEliminar
  74. Tengo un blog sobre psicomotricidad y recién lo inicio. Creo que el template es de los nuevos porque no me funciona nada de lo que decís. Logro introducir un flash en algunos "Elementos de página" pero la cuestión es que lo quiero poner en el Header.
    (Ni siquiera encuentro algunos códigos que sugerís) :(
    El blog es http://psico-motricidad.blogspot.com/
    Te parece que tiene solución?
    Saludos ;)

    ResponderEliminar
  75. Mira el comentario #61 para las plantillas nuevas.
    Saludos.

    ResponderEliminar
  76. Hola Potro, gracias por toda la ayuda. Quiero compartir con uds, la solucion de los problemas que tube; Antes que nada suban la cabecera flash a Dropbox como dijo el amigo en un comentario, yo subi la mia en otro servidor y no funciono.
    Para las plantillas nuevas el comentario nº 61 es la respuesta (grande potro).
    Y en el caso que les pase como a mi que mi cabecera es de 900 x 200 ajusten el height a su medida, yo ajuste la mia en 160 y quedo perfecta; http://mansurrounded.blogspot.com/
    Gracias potro y gente del blog, saludos!

    ResponderEliminar
  77. Tenngo una duda, que hago con el titulo por defecto que queda escondido? No me deja ir al inicio cuando hago clik en la cabecera flash, no me da opcion. Porque sera?

    ResponderEliminar
  78. No da opción de ir al inicio porque la cabecera como tal ya no existe, en su lugar está el objeto flash. Lo que puedes hacer es editar tu flash para que tenga al propiedad que al hacer click en él te dirija hacia el inicio, pero eso se hace cuando diseñas el objeto flash.

    ResponderEliminar
  79. Entiendo, muchas gracias por la respuesta, igual esta el boton de inicio siempre a la vista y me voy a valer de ese. Estoy aplicando lo que nos dejas en tu blog y esta fabuloso, muchas gracias.

    ResponderEliminar
  80. Hola Potro Muchas Gracias por todos tus consejos y ayudas que me haz hecho a mi y gracias por tomarte la molestia de leer cada comentario de todos deveras muchas gracias

    ResponderEliminar
  81. y queria aprovechar para pedirte algunos consejos y ver si puedes ayudarme
    gracias a ti logreo poner el header flash
    solo un problema
    e notado que en las computadoras de otros lugares (no mi casa) queda un espacio demasiado grande, el header y el menu van bien, pero donde pongo la entrada queda un espacio demasiado grande puedes ayudarme?

    ResponderEliminar
  82. o y una cosa mas mi potro
    el header flash solo se ve en Mozilla
    puedes ayudarme a que los visitantes lo vean en Internet Explorer?
    de antemano gracias Potro

    ResponderEliminar
  83. Muchas gracias por tu comentario.
    Del espacio debes ponerlo como te había dicho, tú tienes esto:

    #header-flash {
    margin-bottom:100px;
    margin:-80px;
    padding: -80;
    position: relative;
    height: 260px; /* cambia este valor por la altura de tu cabecera en flash */
    }

    Y debe ser así:
    #header-flash {
    margin-bottom:-100px;
    position: relative;
    height: 260px; /* cambia este valor por la altura de tu cabecera en flash */
    }

    Probablemente esa sea la razón por la que no se ve en Internet Explorer.

    Saludos.

    ResponderEliminar
  84. Gracias Potro, solo que sigo sin conseguir ver el header en Internet Explorer, y sigue habiendo un espacio enorme entre el header/menu y las entradas :/
    ojala y puedas ayudarme
    gracias potro

    ResponderEliminar
  85. Ese espacio al parecer es debido al menú que pusiste pero como de las plantillas nuevas no sé mucho no sé cómo ayudarte.
    Por Internet Explorer supongo que debe ser algo parecido pues yo lo he probado en plantillas nuevas y se ha visto sin mayor problema :\

    ResponderEliminar
  86. :/
    ni modo
    muchas gracias comoquiera potro espero que te haya gustado mi blog

    ResponderEliminar
  87. Potro, gracias. Ando respondiendo con delay pero respondiendo ;)
    Todavía no pude resolver bien la cuestión pero en ello estoy. Cuando lo haga, aviso!
    Gracias nuevamente.

    ResponderEliminar
  88. potro cordial saludo.

    te cuento que o he podido colocar en funcionamiento un banner, no he encontrado el codigo que tu dices en la cabecera de esta pagina mi blog es www.tu-hornomicroondas-ya.blogspot.com no se si desde ahi me puede ayudar

    gracias

    ResponderEliminar
  89. ya lo aloje en dropbox pero hasta ahi llegue.

    jjajajaja

    ahi te lo encargo gracias

    ResponderEliminar
  90. mi amigo no encuentro tampoco este codigo.
    pero no puedo enviar el codigo por este medio
    se puede enviar por un correo?????????

    gracias

    disculpa soy neofito extremo

    ResponderEliminar
  91. Revisa bien por ahí debe estar. Para localizar los códigos más rápido utiliza las teclas CTRL + F

    ResponderEliminar
  92. mi amigo potro ya encontre los codigos pero no se muestra el banner aparece es el codigo de alojamiento en dropbox,te agradezco la ayuda.

    tengo la duda si el codigo es el de dropbozx o otro codigo
    y en el tamaño no lo supe y suprimi despues de la coma de height: 260px;

    height: 260px; /* cambia este valor por la altura de tu cabecera en flash */

    gracias buen dia y te digo que bacano tener personas como usted que nos ayudan. bendiciones

    ResponderEliminar
  93. Recuerda que tienes que pegar el último código y dentro de ese código deberás insertar la URL del archivo donde se indica ;)

    ResponderEliminar
  94. mi amigo disculpa pero no me funciona.

    no tengo claro, te explico como yo lo entiendo...

    antes de header h1 copio todo el codigo que esta en el comentario 61, pero no se si borro este codigo o coloco dentro de este el tamaño,,,, * cambia este valor por la altura de tu cabecera en flash * lo otro es que no el tamaño de mi flas, y lo otro es que encontre el codigo div class 'region-inner header-inner' pero no se si al que encontre debajo le coloco el codigo de dropbox o vuelvo y copio este cod y pego el codigo drop box debajo .header h1...........vuelvo y me disculpo por las molestias ..gracias

    ResponderEliminar
  95. No necesitas borrar nada de eso, sólo pegalo debajo de donde se indica tal y como está.
    Si no sabes cuál es la altura de tu flash entonces deja ese valor que tiene el ejemplo, si ya funcionando ves que está muy alto entonces le cambias el valor por uno más corto, y si está muy corto le pones un valor más alto, así hasta que le atines con el alto.

    Ya que has encontrado div class 'region-inner header-inner' pega debajo el código que dice en la entrada, ahí debes cambiar la URL de tu archivo que subiste a Dropbox.
    Si ya antes habías puesto otro código debajo de div class 'region-inner header-inner' entonces borralo y pon el que se menciona en la entrada.

    Saludos.

    ResponderEliminar
  96. ola estoi aciendo un blog necesito ayuda como puedo acer una cabecera flash este es el blog:http://5nflictos.blogspot.com/

    ResponderEliminar
  97. No sabría decirte, sobre el programa Flash no tengo conocimientos.

    ResponderEliminar
  98. Hola! tengo un problema, yo tengo un blogg de blogger pero hice el diseño con Artisteer y lo que encuentro del Header es esto...header-wrapper no aparece


    /* begin Header */
    div.art-Header
    {
    margin: 0 auto;
    position: relative;
    z-index:0;
    width: 800px;
    height: 200px;
    }


    div.art-Header-jpeg
    {
    position: absolute;
    z-index:-1;
    top: 0;
    left: 0;
    width: 800px;
    height: 200px;
    background-image: url('http://lh3.ggpht.com/_94Nqw9pGU1s/TCeJWyeca6I/AAAAAAAAAMQ/b6zsn9Cecow/Header.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    }
    /* end Header */

    ResponderEliminar
  99. Pues no conozco esas plantillas, pero supongo que ambos height son los que debes poner en 0px
    El otro código intenta ponerlo debajo de:
    <div class='art-Header section' id='header'>

    ResponderEliminar
  100. Gracias! finalmente pude, mi problema el otro día no era ocultar el header sino que se viera el nuevo. hoy pude e hice lo mismo extrañamente: lo agregué como gadget (lástima no se puede, o no se, sacarle el borde)

    La dirección es: http://punto-simu.blogspot.com/
    pasa y miralo

    ResponderEliminar
  101. El problema es que la plantilla tiene determinado que los bordes se apliquen a todos los contenedores, por lo que, si quitas los bordes de ese contenedor también se quitarán los bordes de las entradas y de la sidebar :\

    ResponderEliminar
  102. tal cual, eso pensé. bastante que logré ocultar el header y volar el top menú con su botón de home y todo. hasta ahí se llegó la versatilidad de blogger jeje

    ResponderEliminar
  103. Pues versátil sí es, es decir, se puede hacer que esos contenedores no tengan esos bordes, el problema (en mi caso) es que esas plantillas me son completamente extrañas y no reconozco los nombres de los contenedores. Pero sí tú ya estás más familiarizado seguro podrás conseguirlo aunque termines con dolor de cabeza.

    ResponderEliminar
  104. el contenedor lo encuentro, pero no se que código ponerle la verdad

    ResponderEliminar
  105. Si ya encontraste los contenedores entonces en los estilos pon el nombre de la clase de los contenedores (por ejemplo .caja1) con el atributo de la imagen, es decir, de este modo:

    .caja1 {background-image: none !important}

    De ese modo habrás indicado que ese o esos contenedores no tengan ninguna imagen sin que afecte a los demás contenedores.

    ResponderEliminar
  106. al final modifiqué la plantilla, ya necesitaba la tercer columna

    ResponderEliminar
  107. Hola! me gustaría saber como puedo hacer para poner el logo de mi página a un lado estático, y al lado la cabecera con imágenes cambiantes, estilo presentación.
    Saludos y muchas gracias. Me trae de cabeza y no consigo lograrlo.

    ResponderEliminar
  108. Supongo que lo que necesitas es dividir la cabecera del blog para poder poner de un lado el logotipo de tu blog, y del otro un slideshow.

    ResponderEliminar
  109. Hola:
    Fabiana, cuando hagas el diseño en flash deja la imagen del logo de tu empresa estatico y haces la animacion de las otras imagenes, por ejemplo
    http://dl.dropbox.com/u/9849370/SYDOCOL.swf
    Espero te sirva si es lo que buscabas...

    Por otro lado, he leido los comentarios y solo el 88 presenta el mismo problema que yo , en mozilla se ve excelente la animacion, pero en IE o Chrome sale un poco abajo y me tapa el menu (ya probe la solucion 89 y nada)...Supongo que debo subir un poco mas la animacion, pero al hacerlo que pasara en mozilla...
    Potro, desde ya agradezco en lo que me puedas ayudar...
    ADMINISTRADOR

    ResponderEliminar
  110. ¡Qué plantilla! Intenté probar la cabecera en esa plantilla que usas y ha sido un desastre :\

    Lo único que se me ocurre que podría funcionar es que establezcas una altura mínima en la nueva cabecera para que respete ese alto, es decir, en esta parte:

    #header-flash {
    margin: 0;
    padding: 0;
    position: relative;
    height: 112px;

    Cambia eso que está en negrita por min-height
    Ojalá funcione con eso, sino estoy perdido.

    ResponderEliminar
  111. Hola de nuevo...la plantilla que uso es SOFYA de Btemplates...Pero nada brother, ya he probado y sigue igual...

    Arriba del swf hay algo similar a unas imagenes, te dejo las 2 muestras como se ve en Mozilla y en IE, para ver si se te ocurre algo mas...pense q era mas sencillo, como quitar eso y subir un poco el swf...

    Asi se ve en IE: CLICK

    Asi se ve en Mozilla: CLICK

    Te agradezco mucho...

    ResponderEliminar
  112. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
  113. Haz lo siguiente, sin expandir los artilugios busca esta esta parte, pero ojo, tú ya lo has modificado un poco, me parece que has eliminado las URLs de las imágenes, de cualquier modo guíate por la primera línea para localizar el código:

    <div class='span-24' id='header'> <div class='span-12'><a href='#'><img alt='New WP Themes' class='logoimg' src='http://3.bp.blogspot.com/_YXi3vp96gww/S-nsEROq5zI/AAAAAAAABds/UGOVBkY9jEQ/s1600/logo.png' title='New Blogger Themes'/></a> </div> <div class='span-12 last' style='padding-top: 20px; text-align:right;'>
    <a href='#'><img alt='Premium WordPress Themes' src='http://2.bp.blogspot.com/_YXi3vp96gww/S-nvoVWl1aI/AAAAAAAABgU/sTHQKm_cJFM/s1600/468x60.gif' style='border: 0;'/></a> </div> </div>

    Una vez que lo localices sustitúyelo por este otro:

    <div class='span-24' id='header'>
    <center><object data='http://dl.dropbox.com/u/9849370/SYDOCOL.swf' height='110' id='movie' type='application/x-shockwave-flash' width='920'><param name='movie' value='http://dl.dropbox.com/u/9849370/SYDOCOL.swf'/><param name='wmode' value='transparent'/><param name='allowscriptaccess' value='never'/></object></center>
    </div>

    Con ese cambio ya debe funcionar en todos los navegadores.
    P.D. Eliminé el último comentario porque tiene muchos enlaces innecesarios.
    Saludos.

    ResponderEliminar
  114. El Potro, Daniel, soy Fabiana, la de la pregunta 114, me aconsejan algún programa específico, y que no sea muy complicado de usar para hacer presentaciones en flash? Daniel, tu en concreto para hacer el banner que me pasaste, que programa usaste? Es que de esa manera, no tendría que dividir la cabecera en dos. Muchas gracias :)

    ResponderEliminar
  115. Hola...
    Potro te reirias si vieras los malabares q hice pero ya quedo...te digo como hice por si a otro le sirve.
    Probe lo que me dijiste pero, me salia error.
    Deshice los cambios, lei bien el codigo y me di cuenta que lo q salia arriba (q te mostre en las imagenes del comentario 118) podian ser unos banner 468x60, asi q hice esto:
    1- quite ESTE con su respectivo /div
    2- despues quite ESTE con su respectivo /div
    Le di vista previa, todo estaba Ok, guarde y probe en IE, y ya estubo...
    Brother nuevamente gracias por esa luz, si no hubieras seguido intentando se que no lo hubiera logrado, el credito es totalmente tuyo...
    PD: lo del comentario esta bien q lo eliminaras, solo era pa q vieras las otras muestras y ya; espero q eso haya ayudado.

    ResponderEliminar
  116. Hola fabiana, con el perdon del potro te contesto:
    El programa pertinente para eso seria Adove Flash, busca en internet sobre interpolacion de movimiento, es sencillo...
    Espero te haya servido...

    ResponderEliminar
  117. De hecho el código que te di hace justo lo que cambiaste, ese código ya tiene eliminados los div que contenían las imágenes y deja libre el código del flash ,)

    ResponderEliminar
  118. jajaja eso es lo que pasa cuando uno no sabe, depronto cuando lo probe tenia algun error que lo hacia incompatible con la plantilla y por eso me salia asi, la cuestion es q gracias a tu apoyo ya ha quedado listo en los diferentes navegadores...
    Nuevamente Muchas Gracias

    ResponderEliminar
  119. Potro, ayer te escribí porque tenía líos con la cabecera flash en IE, pero ya está resuelto. A este código le faltan algunas cosas aunque está perfecto. Lo único es que hay que poner un código completo de object y embed, de esa forma funciona en todos los exploradores.

    Verifiquen la misma forma como viene el código en las películas de youtube y ese les dará la pista. lo que aquí falta es el embed.

    ResponderEliminar
  120. De hecho la etiqueta EMBED es obsoleta y no está reconocida por la w3.org además de que usualmente causa algunos problemas, pero si con ello lo has resuelto está muy bien :)

    ResponderEliminar
  121. 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 */

    ResponderEliminar
  122. En ese tipo de plantillas nunca he probado ningún truco así que no sabría cómo ayudarte.

    ResponderEliminar
  123. Muchas gracias Potro. Si encuetro la solución, lo comentaré aquí para que otros en mi misma situación puedan resolverlo.

    Saludos.

    ResponderEliminar
  124. Libertad: yo pasé por la misma. Mi consejo, crea un widget HTML/Javascript, aloja el swf y carga ahí el código (no lo cargo el de ejemplo porque no me lo permite el blog).
    Pero así lo hice yo en la cabecera de mi blog:
    http://punto-simu.blogspot.com/
    no será perfecto pero es una salida viable. suerte!

    ResponderEliminar
  125. Hola Potro, estuve intentando con tus sugerencias y no he podido con mi plantilla.
    El mnsj de error es el siguiente:
    "No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
    Mensaje de error de XML: The element type "object" must be terminated by the matching end-tag ""."

    Te quise copiar la última modificación que me causó problemas pero me aparece este mnsj al intentar publicar mi comentario: "Su HTML no es aceptable: Tag is not allowed: DIV"
    =D

    mi blog: escuela-roma.blogspot.com

    Gracias, saludos.

    ResponderEliminar
  126. Ese mensaje indica que no estás pegando bien el código, ya sea que te está faltando una letra o que has eliminado una sin darte cuenta, o que no lo estás colocando en el lugar indicado.
    Prueba hacerlo nuevamente verificando que no te falte nada.
    Saludos.

    ResponderEliminar
  127. Ahora si!!! no encontraba el error, pero arranqué de cero y quedó funcionando.
    Impecable, muchas gracias!

    Arriba de la animación me quedo un poco de espacio, si sabes la solución te escucho.

    Felices fiestas, saludos!

    ResponderEliminar
  128. Feliz Navidad para el Potro y para todos los ciudadanos...
    Eduardo Romano, brother te quedo excelente la cabecera en flash le da un buen toque al sitio...
    Cada blog esta hecho a la medida y al gusto de su administrador pero, con tu permiso me gustaria darte unos consejos: Para que se viera mucho mejor: quitar lo de las entradas Atom, el mensaje con Scroll se veria mejor en la sidebar y colocar un link a un formulario de contacto (para no colocar el correo directo)
    La informacion de la empresa se veria mejor abajo.
    FELIZ NAVIDAD PARA TODOS.............

    ResponderEliminar
  129. Eduardo Romano, que pena nuevamente, queria decirte dos cosas apartes:
    1- Puedes borrar la barra de blogger, para que se vea mas como un a web y no como un blog
    2- Puedes tambien cambiar el logo de blogger por el favicon q tu quieras...
    Toda esta informacion la puedes conseguir en esta misnma pagina.

    Espero que estos cambios y los resultados sean de tu agrado.

    Nuevamente FELIZ NAVIDAD PARA TODOS.........

    ResponderEliminar
  130. Eduardo Romano,

    Ese espacio es parte del diseño de la plantilla, si deseas reducirlo busca esta línea en tu plantilla:

    <Variable name="content.margin" description="Content Margin Top" type="length" default="20px" value="30px"/>

    Cambia ese 30px por 0px para eliminar el espacio.

    ResponderEliminar
  131. DANIEL, ¡Feliz Navidad igualmente para ti y tu familia!

    ResponderEliminar
  132. Muchas gracias Facundo. Intentaré hacerlo como dices.

    Feliz Navidad a todos y Próspero 2011... (ya queda menos para salir de la crisis... un par de años más....)

    ResponderEliminar
  133. BUENAS NECESITO AYUDA YA QUE EN MI WEB TENGO LA PLANTILLA ARTHEMIA Y CUANDO BUSCO

    #header {
    width : 960px;
    margin : 0 auto;
    height : 300px;
    padding : 0;
    }

    ESTE CODIGO NO ME APARESE ESTA ES MI WEB WWW.ESTILOURBANO.COM.NU NECESITO AYUDA PORK KIERO PONERLE LA CABESERA FLASH OK .. EL POTRO ME AYUDAS!!

    ResponderEliminar
  134. En esa plantilla este es el equivalente a ese código:

    #head {
    width:960px;
    margin:0px auto;
    margin-top:15px;
    padding:0px;
    font-size:0.7em;
    }

    ResponderEliminar
  135. Para quequedarabienen mi blog tuve que borrar esto quiero saber si me trae problema en el posicionamiento de mi pagina en google o algun otro problema... gracias.. esperare tu respuesta. www.turankeo.com

    ResponderEliminar
  136. <b:widget id='Header1' locked='true' title='TuRankeo (cabecera)' type='Header'/>

    ResponderEliminar
  137. Sí y no. En realidad no mucho pues si tu cabecera fuera una imagen entonces los robots de Google no encontrarían un texto h1 que se supone es el título de tu blog. Lo mismo sucede con este que es flash, al no haber el título en texto sólo omiten esa parte.
    Pero no tienes que preocuparte mucho pues la plantilla sigue conservando los códigos para que los buscadores encuentren el título de tu blog e incluso en tu blog se sigue viendo el título del blog justo en la parte superior de tu navegador.

    ResponderEliminar
  138. entonces no hay problema.. no me va a bajar las visitas ni mi posicion en google?

    ResponderEliminar
  139. En teoría no debería haber problema, pero vaya a saber con qué cosas nos salga Google después.

    ResponderEliminar
  140. haha gracias, era que si no le quitaba eso el banner me kedaba arriba y mas abajo el titulo del blog.. y se veia feo to ese espacio que sobraba..

    ResponderEliminar
  141. Uy!
    esta idea me encanta, asi que cree un banner con Aleo Flash Intro Banner, y lo subi a Dropbox(hace un momento) y lo acabo de poner en el encabezado, voy a ver cómo queda...

    ResponderEliminar
  142. Quedó muy bien, recién entré al blog y me gustó el resultado :)

    ResponderEliminar
  143. Ciudad blogger a aportado tanto a la construccion de mis blogs, tiene tantas buenas ideas, estan tan bien explicada, la calidad profesional y humana que hay detras del trabajo desinteresado.
    Son increibles. gracias y un poco en retribucion me tome el atrevimiento de enlazarlos en un par de mis blogs.

    www,thecrystalfrog.blogspot.com
    www.violetagandiniblog.blogspot.com

    ResponderEliminar
  144. Muchas gracias por tu amable comentario, y por supuesto gracias por ese atrevimiento :)

    ResponderEliminar
  145. estimado Potro resulta que hice todo lo indicado y aparece perfecta mi cabecera en flash, yo la alojé en dropbox.
    la cuestion es que al dar click en alguno de los botones que le puse a esta cabecera no me manda a ninguna de las ordenes que le puse en el documento flash.
    al abrir el archivo de la cabecera en dropbox si me manda a donde debe cada boton, pero al abrirlo desde mi blog no obedece, me puedes ayudar? mi blog es:
    http://www.sergio-mendoza.net

    ResponderEliminar
  146. Hola Sergio,

    Usa este código en lugar del que tienes:

    <center><object width="765" height="390"><param name="movie" value="http://dl.dropbox.com/u/20786057/banner2011sergionv.swf" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="wmode" value="transparent" /><embed src="http://dl.dropbox.com/u/20786057/banner2011sergionv.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="765" height="390" wmode="transparent"></embed></object></center>

    ResponderEliminar
  147. Potro,¿Donde encuentro ese programa para hacer la cabecera? por favor ayudame y explicame este paso.

    ResponderEliminar
  148. Se hacen con cualquier programa de diseño de Flash, hay muchos de ellos desde lo sencillo hasta lo complicado, sólo busca en la red.

    ResponderEliminar
  149. hola hice todo como poneis aqui respecto a las nuevas plantillas, pero tengo un problema, se me digue viendo la cabecera y antes de .Header h1 ya le puse el .Header h1{display:none;} y ya despues todo lo de flash..
    es que asi me sigue apareciendo la cabecera que tnia.
    mi plantilla es la Watermark

    ResponderEliminar
  150. Hola Silvia,

    Acabo de entrar a tu blog y veo la cabecera en flash pero no veo alguna otra cabecera, supongo que ya has resuelto el problema, cualquier cosa me comentas.

    Saludos.

    ResponderEliminar
  151. me encanto y quisiera ponerlo en mi blog pero no me queda bien no se si sera por la plantilla... por favor ayudame a poner una cabecera justa asi, si quieres te mando la clave de mi cuenta por correo para que me lo hagas si puedes... este es mi blog- http://mbcsantiago.blogspot.com/ espero tu respuesta...

    ResponderEliminar
  152. Hola MILLIONAIRE BOY'S CLUB,

    Veo que ya tienes la cabecera en flash, ¿qué es lo que quisieras? ¿que quede más arriba?

    ResponderEliminar
  153. excusame pero ya resolvi ese problema, ahora lo que yo quisiera es eliminar ese espacio que me queda en lo superior del blog ya que no me funciona parece para mi plantilla con el post que tienes acerca de eso... GRACIAS

    ResponderEliminar
  154. Pues veo que ya agregaste otro elemento arriba y ahora no sé si lo dejarás así o no :/
    En fin, si lo vas a quitar entonces sólo busca esta parte:
    #header-wrapper{width:950px;margin:0 auto 0;

    Cambia eso que está en negrita por esto:
    margin:-150px auto 0;

    ResponderEliminar
  155. Potro, hola. Mira, tengo este blog de pruebas:
    http://credirecto4.blogspot.com/
    y lo que quiero es modificar la altura de la cabecera pues quiero luego intentar poner una cabecera en flash, pero por más que lo intento no puedo modificar la altura. He puesto una imagen más alta de lo normal a modo de prueba, pero no he logrado cambiar la altura. La plantilla tiene la cabecera dividida en dos headers y tiene esto: (que no se si es ahí donde debo trabajar):


    #header-wrapper {
    height:165px;
    background: url(http://1.bp.blogspot.com/_t47uhxwKFVM/SnvSPz6styI/AAAAAAAABs0/RifHqeEAYvU/s1600/headtile.gif) repeat-x 0 0;
    margin-bottom: 10px; border-right:1px solid #e6e6e6;
    border-left:1px solid #e6e6e6;
    }
    #header{
    clear: both;
    float:left;
    width: 408px;
    height: 75px;
    text-indent: -9999px;
    outline: none;
    margin-top:20px;
    margin-left:5px;
    }



    #header-right{
    float:right;
    width:500px;
    height:81px;
    margin-top:40px;
    margin-right:10px;
    }


    #header-form {
    width: 211px; height: 22px;
    position: absolute;
    background: url(http://2.bp.blogspot.com/_t47uhxwKFVM/SnvSQt2uH7I/AAAAAAAABtU/eBiZAWWg6T8/s1600/search.gif) no-repeat 0 0;
    top: 162px;
    right: 170px;

    }
    #header-form input {
    border: 0;
    font-size: 0.9em;
    font-family: Verdana;
    float: left;
    width: 138px;
    background-color: transparent;
    margin: 4px 10px 0 2px;
    }

    #header form button {
    border: 0;
    text-indent: -9999px;
    width: 61px; height: 22px;
    float: left;
    background-color: transparent;
    }

    Espero que no sea muy grande mi pregunta/comentario.

    Gracias Potro

    ResponderEliminar
  156. Hola CreDirecto,

    El contenedor general de la cabecera es este:

    #header-wrapper {
    height:165px;
    background: url(http://1.bp.blogspot.com/_t47uhxwKFVM/SnvSPz6styI/AAAAAAAABs0/RifHqeEAYvU/s1600/headtile.gif) repeat-x 0 0;
    margin-bottom: 10px; border-right:1px solid #e6e6e6;
    border-left:1px solid #e6e6e6;
    }

    Ese height es la altura de la cabecera, o mejor dicho, del contenedor de la cabecera. Puedes modificarlo por un valor más alto, sin embargo, esa URL que ves ahí es una imagen de fondo que sirve también como el fondo del menú, por lo que si agrandas o disminuyes esa altura también tienes que editar esa imagen, pero a la vez también modificar el área del menú que está ahí.
    Lamentablemente esas plantillas son ya tan personalizadas que prácticamente están hechas para ya no tocarlas.

    Saludos.

    ResponderEliminar
  157. Hola Potro, he creado este blog: http://soldeatico.blogspot.com/ es el primero que hago y no consigo lo que quiero. Mi idea es sustituir la imagen de cabecera por un swf con una animación que tiene las mismas dimensiones que la imagen y ya tengo el código donde lo he alojado:
    http://img70.xooimage.com/views/d/3/5/soldeatico-29061e3.swf/, aunque aquí lo veo enorme.
    Mi plantilla es la Watermark y aparece:

    /* Header
    ----------------------------------------------- */
    .header-inner .Header .titlewrapper,
    .header-inner .Header .descriptionwrapper {
    padding-left: 20px;
    padding-right: 20px;
    }

    .Header h1 {
    font: $(header.font);
    color: $(header.text.color);
    text-shadow: 2px 2px rgba(0, 0, 0, .1);
    }

    .Header h1 a {
    color: $(header.text.color);
    }

    .Header .description {
    font-size: 140%;
    color: $(description.text.color);
    }
    pongo los códigos de flash como comentas en el 61 y me coloca la url arriba de la imagen de cabecera y no sale la animación, si me puedes ayudar te lo agradecería o algún consejo pues en esto soy bastante novata, gracias y un saludo.

    ResponderEliminar
  158. Hola Tesa,

    Quizá el problema está en la URL del archivo pues parece no estar funcionando, si pones la URL en la barra de direcciones de tu navegador verás que no abre sino que marca un error.
    Prueba subirlo a otro alojamiento e intenta de nuevo.

    Saludos.

    ResponderEliminar
  159. Hola de nuevo,soy Tesa, perdona que te moleste, he cambiado de url para alojar mi animación y he comprobado que se pudiera ver en mi navegador y se ve perfecta,utilizo el Chrome. Vuelvo a hacer todos los pasos anteriores del 61.
    http://dl.dropbox.com/u/30139929/Flash/soldeatico.swf
    No se que mas puedo hacer,o que és lo que estoy haciendo mal, no solo no me funciona, sino que me da un error 500, gracias de antemano por tu paciencia.

    ResponderEliminar
  160. Hola de nuevo Tesa,

    Ese error regularmente es porque algún código no se ha puesto correctamente, quizá sea el último que se menciona en la entrada.
    Prueba ponerlo sin la URL del archivo SWF y guarda los cambios, si no te marca error entonces procede a poner la URL del SWF.
    Si continua el error revisa que al poner los códigos no estés eliminando algo sin darte cuenta.

    Saludos.

    ResponderEliminar
  161. Hola Potro, lo he conseguido muchas gracias por tus prontas respuestas, efectivamente era un código final que no ponía bien: /> y me ha llevado de cabeza durante dos días. Es cierto quien la persigue la consigue y ahora ya soy feliz, pásate si quieres por el blog y veras el resultado, gracias de nuevo por tu gran aporte.
    Saludos

    ResponderEliminar
  162. Creo que me he precipitado al cantar victoria, ahora se ve bien en Chrome pero con el Explorer ha desaparecido, como es posible?

    ResponderEliminar
  163. Hola Tesa,

    Si bien veo que has puesto un código para mostrar el flash veo que es diferente al código que se explica en la entrada. El código que tienes es este:

    <object data='http://dl.dropbox.com/u/30139929/Flash/soldeatico.swf' height='480' id='movie' type='application/x-shockwave-flash' width='1000'>
    <param name='movie' value='http://dl.dropbox.com/u/30139929/Flash/soldeatico.swf'/>
    <param name='wmode' value='transparent'/>
    </object>

    Y el código correcto debe ser tal como se explica en la entrada, o sea este:
    <div id='header-flash'><center><object width="960" height="260"><param name="movie" value="http://dl.dropbox.com/u/30139929/Flash/soldeatico.swf" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="wmode" value="transparent" /><embed src="http://dl.dropbox.com/u/30139929/Flash/soldeatico.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="960" height="260" wmode="transparent"></embed></object></center></div>

    Independientemente de eso ahora Dropbox parece estar fallando así que igual es posible que por unas horas no puedas ver en ningún navegador el archivo flash, al menos hasta que Dropbox se recupere.

    ResponderEliminar
  164. hola quisiera q me ayudaras con mi codigo q no me sale como explica en tu blogs

    {--------} Header {--------}
    ----------------------------------------------------*/
    #top {
    height:160px;
    margin:auto;
    width:1000px;
    position:relative;

    }


    .blogname {
    width:1000px;
    margin:50px 0 0 0px;
    height:80px;
    text-align:center;
    float:left;
    font-family:Georgia,Arial,Tahoma,Century gothic, sans-serif;
    }

    .blogname h1 {
    font-size:40px;
    padding:10px 0 0px 0;
    font-weight:normal;
    color:#fff;
    }

    .blogname h1 a:link, .blogname h1 a:visited{
    color: #fff;
    display:block;
    margin:5px 0 0 0px;
    }

    .blogname h1 a:hover {
    color: #fff;
    }

    .blogname h2 {
    margin:5px 0px 0px 0px;
    font-size:16px;
    font-weight:normal;
    color: #000;
    text-shadow:1px 1px 0px #C36339;
    }

    ResponderEliminar
  165. No me son conocidos esos códigos, ¿en cuál blog deseas hacerlo?

    ResponderEliminar
  166. Hola Potro: estoy necesitando si me podés dar una mano ya que encuentro diferencias con el código de mi blog y no puedo colocar el swf.
    El blog es unanocheconpaul.blogspot.com
    Desde ya muchas gracias.

    ResponderEliminar
  167. Hola Alejandro,

    Mira el comentario #61, ahí están las indicaciones para esas plantillas. En un rato más actualizo la entrada con esa información.
    Saludos.

    ResponderEliminar
  168. Hola Potro. Gracias por escribir este truco para blogger, hace tiempo que quería hacer esto y no como no se programar, me ha resultado muy útil.
    He aquí mi resultado recién terminado. http://wencesearth.blogspot.com/
    Muchas gracias.

    ResponderEliminar
  169. Por nada Wences, qué bueno que ha resultado de tu interés esta entrada. Saludos!

    ResponderEliminar
  170. Gracias por este dato, me fue de mucha utilida además lo busque mucho, muy bien explicado.

    ResponderEliminar
  171. hay una plantilla del diseñador de plantillas de blogger que esta buena pero no se cómo agregarle el encabezado flash es la llamada "flipcard" que está en la primera opción, o sea "dynamic Views"
    No aparecen las entradas que recomiendas buscar. ¿Qué hago?
    gracias

    ResponderEliminar
  172. Hola Potro, ¿Cómo haces para que no se modifique en explorer, la visualización de tu cabecera?
    Me preocupa mucho este tema, he comprobado que en explorer se me ve mucha separación entre gadget.
    A ver si me puedes echar una manita.

    ResponderEliminar
  173. gabybalkey, las plantillas de Vistas Dinámicas no son personalizables en ese sentido, no se puede cambiar su estructura, agregar códigos, scripts ni nada de eso. Saludos.

    Vindi, recuerda que ninguno de los blogs que tengo es con esas plantillas, estoy 80% seguro que se ve así por el tipo de plantilla que usas.

    ResponderEliminar
  174. OK, Entonces para poder solucionar el tema, de la mala visualización con explorer, ¿debería volver a las plantillas antiguas?

    ResponderEliminar
  175. Pues eso es muy drástico si el problema es sólo la distancia en la cabecera. Quizá sería más factible usar condicionales para Internet Explorer, de esa forma podrías aplicar un margen que sólo afecte a ese navegador.
    En esta entrada JMiur habla del tema:

    http://vagabundia.blogspot.com/2011/06/condicionando-las-cosas-para-internet.html

    ResponderEliminar
  176. Hola Potro, he probado por simple curiosidad las plantillas antiguas, y también me queda ese gran margen en la cabecera.
    Entonces he optado por la siguiente opción:
    Debajo de la cabecera dividida tengo dos gadget de texto, entonces los he fusionado en uno solo, y el margen que me queda respecto al explorer es mínimo y solamente en la zona superior, por lo tanto así se queda. Si puedes échale un vistazo y lo compruebas.
    Asunto arreglado, gracias por tu paciencia genio.

    ResponderEliminar
  177. Potro, finalmente voy a ignorar los espacios desagradables de explorer, no quiero anteponer el aspecto de un navegador, a la utilidad que le quiero dar a mi cabecera.
    De todas formas estaré pendiente, por si algún día me sorprendes con alguna alternativa o truco interesante.
    Un saludo ;)

    ResponderEliminar
  178. Perfecto Vindi, de cualquier manera los usuarios de Internet Explorer ya saben que las páginas ahí siempre se ven distintas. Bueno, tal vez no lo saben, sino ya se hubieran cambiado :/

    ResponderEliminar
  179. No veas que bajón, la mirar las estadísticas y ver que casi el doble de visitantes entran a través del explorer :(
    échale un vistazo por favor, y dime si notas mucho cambio (solo es en la cabecera, el resto no hay problema).

    ResponderEliminar
  180. Potro tu plantilla es con las antiguas, o es exclusiva tuya ¿?, la veo perfecta con cualquier navegador.

    ResponderEliminar
  181. Pues no es tanta tanta la separación, te aseguro que quienes entran por IE no le toman importancia, y es que de hecho no se ve mal. Pero como te decía, probando con las condicionales para IE se podría solucionar.
    Mi plantilla yo la hice aunque tomé como base la plantilla Mínima.

    ResponderEliminar
  182. Potro quería probar esas condicionales de "vagabundia", pero no se cual es la que necesito, supongo que alguna de ellas debajo de head, pero no tengo ni idea, ¿sabrías que códigos de esos condicionales necesito, para evitar ese margen con explorer?

    ResponderEliminar
  183. Con este debería funcionar:

    <!--[if IE]>
    <style>
    .main-outer {margin-top:-80px;}
    </style>
    <![endif]-->

    ResponderEliminar
  184. Potro, se ha puesto mucho peor, las letras del buscador salen en vertical.

    ResponderEliminar
  185. Acabo de quitar el buscador, y ahora casi lo veo mejor en explorer que en chrome :)
    Ahora solo queda dar con un buscador, que funcione igual que el que he tenido que quitar, y supongo que "misión cumplida".

    ResponderEliminar
  186. Finalmente vuelvo al principio, aunque habíamos progresado con ese código del condicional, tampoco es plan de mejorar el explorer y empeorar el resto de navegadores.
    Menudo día que llevo... "veo códigos por todos lados"

    ResponderEliminar
  187. Ese código no debería afectar ningún otro navegador, sólo debe leerlo Internet Explorer, los demás navegadores omiten esa instrucción y se pasan de largo.

    ResponderEliminar
  188. Potro lo acabo de volver a poner, para que puedas ver la diferencia.
    Dime algo en cuanto puedas, para poder solucionarlo, "entra mucha gente con explorer, ahora mismo se ve fatal"

    ResponderEliminar
  189. Algo anda mal ahí pero no logro descifrar qué es. Ahora mismo en un blog de pruebas he puesto la plantilla que usas, dividí la cabecera con los mismos valores que tienes, le puse el gadget con las imágenes, debajo el buscador y en IE8 se ve perfectamente bien, así que debe haber otra cosa en tu plantilla que debe estar causando eso, pero como te digo, no logro entender qué es :/

    ResponderEliminar
  190. Vaya, muchas gracias Potro, te has tomado muchas molestias, se me ocurre cambiar de buscador para comprobar que tal, pero ninguno de todos los que he probado me hace el mismo efecto que ese, ese me encanta, te abre en otra página y es super eficaz.
    De momento voy a quitarlo, y a ver si se te ocurre algo, si lo necesitas te envío la plantilla, por si puede ser más sencillo para ti echarla un vistazo.
    Muchas gracias por tu atención, eres muy amable.

    ResponderEliminar
  191. Mándamela si quieres para que le eche un ojo, aunque no te prometo nada el intento se hará ;)

    ResponderEliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
I Ciudad Blogger