Personalizar la cabecera en las Vistas Dinámicas de Blogger

30 de septiembre de 2011 479 comentarios ,
Es cierto que las nuevas plantillas de Vistas Dinámicas de Blogger han gustado a la mayoría por los efectos que tienen para mostrar las entradas y la forma como se navega en ellas. Pero también es cierto que a muchos ha desilusionado el no poder personalizarlas como quisieran.

Por suerte no todo está perdido, pues aunque no podemos agregar gadgets en ella, sí podemos modificar ciertas áreas para que tu blog no sea vea igual al de todos. Así pues veremos cómo ir transformando las partes que se puedan; y empezaremos con esta entrada con la que conseguiremos personalizar la cabecera del blog en las plantillas de Vistas Dinámicas.

La cabecera es basicamente lo que define la imagen de todo blog pues ahí se encuentra nuestro logotipo, así que pasaremos de esto:


A esto: [Ver blog de pruebas]

Lo único que necesitamos es la imagen de nuestra cabecera y nada más. Si aún no tienes una aquí hay 50 cabeceras de dónde escoger.
Si usas la nueva interfaz de Blogger entra en Plantilla | Personalizar | Avanzado.
Si usas la vieja interfaz de Blogger entra en Diseño | Diseñador de plantillas | Avanzado.

Ahora ahí, donde dice Añadir CSS agrega esto:
.header-bar {
background-color:#738a94 !important; /* Color de fondo */
background-image:url(URL de la imagen) !important; /* Imagen de fondo */
background-repeat:no-repeat; /* Si quieres que la imagen se repita cámbialo por repeat */
height:149px !important; /* Altura de la cabecera */
border-bottom:25px solid #3b464b; /* Borde inferior */
}
#header .header-bar .title h1, #header .header-bar .title h3 {display:none;}
#header a:hover {text-decoration:none !important;}
#main {margin-top:115px !important;} /* Distancia entre la cabecera y el contenido */

Cambia la URL de la imagen donde se indica y personaliza lo demás que se indica en color verde.
Algunas propiedades tendrás que descubrirlas por ti mismo pues aquí no hay valores específicos ya que depende de cada caso. Por ejemplo, la altura debe ser aproximadamente 20px menos que la altura de la imagen, pero si la imagen es un pattern pequeño entonces la altura la puedes establecer a la medida que quieras.
Yo le he puesto un borde inferior, pero puedes quitarlo, hacerlo más delgado, o más grueso, eso ya es cuestión de gustos.
Como hemos establecido una altura para la cabecera y le hemos puesto (o no) un borde, entonces es muy probable que las entradas y el pequeño menú se hayan tapado, así que para que eso no suceda hemos establecido un margen en #main, ahí el valor también tendrás que irlo descubriendo, sólo es cuestión de probar varios valores hasta que quede tal como te gusta.

¿Sencillo? Sí, mucho, pero lo mejor de todo es que con este pequeño cambio el blog comenzará a verse con identidad propia. Y después... bueno, ya veremos después qué se nos ocurre para irle dando forma a nuestro blog.


479 comentarios en:

" Personalizar la cabecera en las Vistas Dinámicas de Blogger "

  1. gracias por algo se comenza seguramente en unos meses ya se podrá modificar mas cosas

    ResponderEliminar
  2. Hola Potro.
    Las vistas dinámicas me han gustado como concepto, pero las veo un poco impersonales... esperaremos un tiempo a ver si te inventas algo ;)
    De todas formas, ¿no se podía hacer algo similar como portada de la página?. Creo haberlo visto por ahí y el efecto era similar, si mal no recuerdo.
    Bueno, gracias de nuevo por repartir sabiduría y hasta pronto.
    Un saludo.

    ResponderEliminar
  3. Genial, pero yo aun no lo uso... prefiero esperar un poco más de tiempo a ver si blogger le incluye más cosillas :D

    Saludos Potro! :)

    ResponderEliminar
  4. Sé mira genial, crearé uno más tarde :D

    ResponderEliminar
  5. chrisan91, poco a poco iremos viendo qué tanto se les pueda hacer.

    Tapestryworkerman, justo es lo que pretende esta entrada, que al menos con la cabecera el blog deje de verse impersonal. Lo de la portada de la página no me queda claro, más detalles serán agradecidos :)

    ResponderEliminar
  6. Eres más bonico que un sol, te lo había dicho ya? jajajjaaj
    Gracias por compartir esto, me viene de lujo.

    ResponderEliminar
  7. Panchito, no hay prisa para usarlas, son sólo una opción más que hay que tener en cuenta por si acaso :) Saludos!

    Por Mas Trabajo ltda., gracias por tu visita!

    Usuario, luego nos lo presumes ;)

    ResponderEliminar
  8. potro se que lo q voy a preguntar no tiene nada q ver con este post, pero de verdad necesito ayuda de alguien q tenga conocimiento del tema....

    Resulta q en mi Colegio no hay por el momento internet, y entre algunas actividades q estan planeadas se encuentra la de crear un edublog, he hay la pregunta, ¿sabes si es posible crear un blog y manejarlo sin internet?

    soy docente, y la verdad me serviria mucho saber si se puede lograr ese cometido....

    ResponderEliminar
  9. Gracias Potro, andaba últimamente aburrido con blogger y las cosas que quería las encontraba en wordpress, esta nueva interfaz me ha encantado y como siempre vos a la vanguardia... saludos desde Colombia

    ResponderEliminar
  10. la verdad no me gustan esas plantillas quizas no son de mi gusto pero como siempre potro muy bueno
    espero visites mi blog sonacero360.blohspot.com

    ResponderEliminar
  11. Potro habría alguna forma de incluirle a las vistas dinámicas el shadowbox, es que quiero hacer un blog de galerias de fotos para los partidos.

    ResponderEliminar
  12. si sigues poniendo cositas de esas incluso pueda cambiarme a esas plantillas :P jeje como no, siempre el mejor de todos

    ResponderEliminar
  13. Potro como puedo acerca la distancia de la cabecera a los enlaces superiores como tu lo tienes?

    ResponderEliminar
  14. Hola Potro.
    Revisando mis favoritos he encontrado la referencia a la portada que te comentaba:
    http://oloblogger-enportada.blogspot.com/
    No es lo mismo al cien por cien, pero el efecto es parecido si de lo que se trata es de "anticipar" el contenido del blog minimizando la carga.
    Un saludo.

    ResponderEliminar
  15. i think this is just the optional.
    what for make template like it!
    we can look this featured, just change we URL...

    just suggestion...hihihi

    ResponderEliminar
  16. Panic, qué gusto que lo encuentres útil :)

    Semaul, ¿un blog de Blogger sin internet? No, cualquier servicio que provenga del Internet se tiene que acceder a la red para poder usarlo/administrarlo.

    ResponderEliminar
  17. Diego Amariles, es cierto que hay muchas cosas para WP, pero casi lo mismo también hay para Blogger sólo que nos cuesta más trabajo, pero, dicen que se aprecia más lo que nos cuesta más trabajo hacer... dicen :)

    sonacero360, en gustos se rompen géneros.

    ResponderEliminar
  18. JTobaruela, por el momento no se puede incluir nada de scripts o modificar la estructura pues no tenemos acceso a la edición de HTML.
    Lo otro se hace modificando el margen del #main tal como se explica en la entrada y que está anotado en color verde. Saludos.

    ResponderEliminar
  19. CampamentoWeb, jajaja, eso ya dependerá de ti, pero veremos qué más se les puede hacer ;)

    Tapestryworkerman, pues sí, es algo similar al menos en la plantilla 'Flipcard'. Ahí lo que Oloman ha hecho es usar condicionales para que no se muestren las entradas en la portada y sea visible el gadget del menú.

    ResponderEliminar
  20. Tengo que esperar a que vaya por aquí bien, pero quiero poder ponerle esa plantilla, potro. Aún sigue sin aplicarse en mi blog, será cuestión de esperar. Ni siquiera me aparecen las posibilidades de las vistas dinámicas como en tu imagen, en horizontal, sino en vertical.
    Gracias por esto ya de todas formas, así voy adelantando "en mente" aunque sea, :)).
    Besos

    ResponderEliminar
  21. Bonitos diseños pero aún no veo el caso de usarlas ya que todavía no son tan personalizables en fin a ver que se les puede hacer mas adelante

    ResponderEliminar
  22. Yo lo he modificado pero después no me sale la opción de verlo de manera classic, flipcard, mosaico...he separado bastante el cuerpo del blog de la portada pero me siguen sin aparecer las opciones.

    ResponderEliminar
  23. Beben Koben, changing the URL adress is an option for those who don't want to loose their template, but there are some people who like this templates for use it as the "official" one :)

    ResponderEliminar
  24. Sofía, ignoro a qué se deba, también he visto en algunas capturas que les aparece ne vertical y no en horizontal como a mí. Habrá que seguir esperando supongo :/

    ResponderEliminar
  25. Hola Potro,saludos..que hace tiempo no te consultaba, No se si es complicado lo que te pregunto,te explico un poco:
    Tengo un enlace en el blog, que mediante una ventana emergente veo las vista dinámicas, obtenidas desde diseño-formato-vistas...Funciona bien.
    La cuestión es que he intentado agregarle el código (con dirección de la imagen)y no cambia nada, le das la enlace y sigue igual.
    Muchas gracias.

    ResponderEliminar
  26. tycon, para que aparezca de nuevo la barra que contiene el menú, agrega también esto:


    #header .header-drawer {margin-top:140px !important; top:30px !important;}

    El primer valor también puede ser modificado.

    ResponderEliminar
  27. potro cuales la dimensión de la imagen para crear una yo? GRACIAS ANTEMANO

    ResponderEliminar
  28. gracias El Potro, ahora sí me aparece :D

    ResponderEliminar
  29. chrisan91, no hay una medida específica, yo tomé una de las 50 cabeceras que puse en el enlace y la edité. Por el ancho no te preocupes, que nunca ocuparás el 100%, es por eso que se le pone un color de fondo también para que lo que no cubra la imagen lo cubra el color.

    ResponderEliminar
  30. Hola matiasascanio, este método sólo puede servirte si tu plantilla que tienes en el blog es una de las Vistas Dinámicas, sino no. De otra forma es como si yo quisiera editar una plantilla que no uso.

    ResponderEliminar
  31. En primer lugar excelente, una vez se ha abierto una puerta las demas iran cayendo poco a poco y la personalizacion cada vez sera mayor.

    Por otra parte tengo un problema y que a pesar de aplicar la linea #header .header-bar .title h1 {display:none;} me sigue apareciendo el titulo y montandose sobre la imagen que he añadido, puedes verlo aqui http://mrblight.blogspot.com/ ¿a ver si encuentras lo que es, ok?

    Como siempre gracias por anticipado

    ResponderEliminar
  32. Genial Potro, mañana lo leo con más calma a ver si me conviene..gracias!!
    saludos
    Gaby

    ResponderEliminar
  33. Francisco Lopez,

    Esa es la descripción del blog, para que no aparezca tampoco cambia esta línea:
    #header .header-bar .title h1 {display:none;}

    Por esta otra:
    #header .header-bar .title h1, #header .header-bar .title h3 {display:none;}

    ¡Saludos!

    ResponderEliminar
  34. Gaby, que todo salga bien y que tengas un lindo domingo :)

    ResponderEliminar
  35. Saludos Potro..Gracias por todo el contenido que publicas es muy interesante....felicidades por tanta paciencia al enseñarnos estos tips..

    ResponderEliminar
  36. ya no me aguanté las ganas y como no tenia sueño vine dispuestisima a usar la plantilla Magazine, pero dice aqui''URL de la imagen'', si mi header tengo en una carpeta de mi escritorio, como le hago para ponerla? ya me hice bolas :S

    ResponderEliminar
  37. Ya intenté usar la plantilla asi como está, lo raro es que en la barra, no me sale mi barra actual sino otras cosas diferentes, y el escritorio no se veia por ningun lado, asi que tuve que reponer todo hasta entender mejor como funciona.
    saludos y gracias
    Gaby

    ResponderEliminar
  38. Potro como puedo reducir la distancia de los gadgets de la izquierda a las entradas, no me gusta ese hueco que queda de color diferente entre las entradas y los gadgets, me gustaria tenerlo así como tu.
    Un saludo

    ResponderEliminar
  39. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  40. Ya quedó lista la nueva cabecera, gracias Potro neta que nos ayudan un buen jeje salu2

    ResponderEliminar
  41. Me gusta mucho esta aportación que haces de la nueva cabecera a las plantillas dinámicas, pero de momento voy a esperar, seguro que nos informaréis de nuevas personalizaciones. Un saludo

    ResponderEliminar
  42. Hola pues me gustaria que deje que se muestre Adsense dentro del contenido y tambien los widget, lastima buena opcion pero aun no es personalizable, y en este mundo personal no hay espacio para una pagina asi.

    ResponderEliminar
  43. Potro me alludarias a hacer una plantilla como este sitio web http://www.eluniversal.com.mx/noticias.html ??? te pagaria

    ResponderEliminar
  44. Muy bueno que se pueden modificar las plantillas de blogger CSS!

    Gracias Potro! Como siempre pones cosas muy interesantes y nuevas!

    Gracias Potro!

    ResponderEliminar
  45. Buen día:
    Y paso, por el momento. Mucho maquillaje, pero ningún aporte beneficioso. Solo espero que cuando Blogger lo haga obligatorio no nos quite los beneficios adquiridos....jejejeje

    ResponderEliminar
  46. Hola Potro!

    No me gusta decir que algo está mal, ni tampoco estoy diciendo que lo esté, pero no me convence esto, y lo tengo que decir.

    Lo que pasa Potro, es que estás ocultando la barra donde se agregan los enlaces de las páginas estáticas (header-drawer), y la posibilidad de cambiar de vista y eso es precisamente lo atractivo de las vistas dinámicas, y lo que lo hace ser interactivo, ya que el usuario puede visualizar el contenido como más le agrade".

    Creo que las vistas dinámicas así pierden su propósito o su razón de ser.

    Amigos? jaja...

    Salu2 ;)!!

    ResponderEliminar
  47. Hola potro, esta es mi primer vez que visito tu blog, me pareció excelente, te quiero pedir un favor. ¿me puedes decir como haces para hacer contenedores donde guardas todos los códigos HTML, necesito uno?

    ¡¡¡SALUDOS!!! -Espero tu respuesta-

    ResponderEliminar
  48. Pueblo Clic 2.0, gracias a ti por tu visita y tu amable comentario!

    ResponderEliminar
  49. Gabriela, clavo y canela, lo ideal para irse acostumbrado, a esta o cualquier plantilla nueva es montar un blog de pruebas y ahí ir descubriendo qué cosas tiene, qué cosas no, y así irnos adaptando a los cambios. Saludos!

    ResponderEliminar
  50. JTobaruela, para disminuir el espacio que hay entre la sidebar y las entradas agrega antes de ]]></b:skin> esto:

    .main-inner .column-center-inner, .main-inner .column-left-inner, .main-inner .column-right-inner {margin-left:-20px !important;}

    Saludos.

    ResponderEliminar
  51. Potro; Gracias por tu tiempo. He probado la vista nueva, y me consulta está dirigida a saber si es posible colocar la barra reproductora de sonido de alguna manera. Nuestro blog emite por allí la radio que tenemos, pero al hacer esta actualización que es más "coqueta" digamos, queda sin esa posibilidad. Gracias nuevamente por to solidaria ayuda.

    ResponderEliminar
  52. VDesing, qué bueno que todo ha salido bien :)

    m.p.moreno, espero que sí, la segunda parte es igual sobre la cabecera pero sin usar una imagen. Saludos.

    ResponderEliminar
  53. MFullAdventista, se supone que AdSense se muestra en estas plantillas aunque de momento no todos los formatos de anuncios, pero sí los principales.

    ResponderEliminar
  54. WEB, está bastante compleja una plantilla así para adaptarla a Blogger. Ponte en contacto conmigo por el formulario de contacto para que me digas exactamente qué elementos como esos quieres, en qué forma y así podemos ver qué se hace.

    ResponderEliminar
  55. .:R.G.F:., al menos en cuanto a CSS las cosas no están perdidas, no lo es todo, pero ya es algo :)

    MARIA ELENA, no creo que lo haga obligatorio, sólo son otras opciones de plantillas, las otras que sí son personalizables aun siguen ahí y seguro que seguirán por mucho tiempo ;)

    ResponderEliminar
  56. Karla, la barra no es problema, de hecho en el comentario #27 se menciona cómo hacer que aparezca de nuevo ;)

    ResponderEliminar
  57. Olle entonces que, si sabes o no?
    Hacer contenedores???

    ResponderEliminar
  58. Potro en la entrada de los botones flotantes de Twitter o Facebook, se poner uno pero me gustaria poner los dos.

    ResponderEliminar
  59. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  60. Hola, Potro necesito de su ayuda;lo que pasa es que tengo entes de la cabecera un traductor de la Microsoft, pero se me ha olvidado como fue que lo puse y no encuentro el código en HTML...

    Pues ya que quiero quitarlo porque quita mucho espacio...
    Será que es posible que me ayudes?

    La dirección de mi blog es: http://tutoxpc.blogspot.com

    ResponderEliminar
  61. Ya lo vi Potro, solo que no tomaste en cuenta que eso provocará un problema en IE9, en el hover de las opciones de las vistas dinámicas, además los títulos de las páginas se irán hacia abajo, aunque eso se arreglaría fácilmente declarando un ancho...

    #header .menu li {
    width: 94px;
    }

    Otra cosa es que la barra no se se irá para adentro al desplazarte hacia abajo en la página.

    Creo que el problema está en como se declararon los selectores.

    En fin, solo quiero aportar algo.

    Salu2!.

    ResponderEliminar
  62. Hola Potro!!! ESTOY DE REGRESO A BLOGGER n.n porque hubo problemas con el hosting... Mira quiero que me ayudes lo que pasa es que en mi blog la fecha se muestra asi:

    http://dl.dropbox.com/u/16603935/ASINOQUIERO.PNG

    Y asi no quiero... yo qiero que me aparesca como en mi web de wordpress asi:

    http://dl.dropbox.com/u/16603935/ASIQUIERO.PNG

    Espero que me ayudes, ya que todos los tutoriales que mire solo hablan de como hacer la fecha asi como la tengo pero no asi en texto plano como la segunda imagen, Salu2!! N_N

    ResponderEliminar
  63. mi web de wordpress: geekos.com.ar
    mi web de blogger: zonegeek.com.ar

    ResponderEliminar
  64. El Redactor de Turno, me temo que no, a menos que pongas el reproductor en una entrada, pero el lector tendrías que ingresar a la entrada para poder ver el reproductor.

    ResponderEliminar
  65. Blosk Sánchez, Bienvenido a Ciudad Blogger!
    ¿Te refieres a la forma como pongo los códigos en las entradas?
    Sólo convierto el código a texto plano y luego meto el código en un bloque entrecomillado.

    ResponderEliminar
  66. JTobaruela, deja la pregunta en esa entrada para no desviarnos del tema de este post ;)

    ResponderEliminar
  67. .:R.G.F:., el código del traductor lo tienes justo dentro del mismo gadget donde tienes las banderas de traducción de Google, editando ese gadget encontrarás el código del traductor de Microsoft.

    ResponderEliminar
  68. Karla, gracias por el aporte. Ahora no tengo un equipo con IE9 a la mano pero en cuanto me sea posible reviso esos detalles que mencionas ;)

    ResponderEliminar
  69. TutoGeek, ahhh, por eso me gusta Blogger, porque sólo me preocupo de escribir y él se preocupa del hospedaje del blog :)
    Necesito saber cuál es el nombre de la plantilla que usas en Blogger para poder mirar bien el script que usa para la fecha.
    De momento puedes eliminar esto de la plantilla:

    .blogPost .meta .date{
    height: 50px;
    left: -90px;
    line-height: 1.5;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 1px #666666;
    text-transform: uppercase;
    top: -20px;
    width: 50px;
    font-size:12px;
    }
    .blogPost .meta .date strong {
    font-size:20px;
    }

    Y esto:
    .blogPost .meta .date{
    background: url("http://i47.tinypic.com/24vqsch.jpg") no-repeat scroll 0 0 transparent;
    color:#fff;
    }

    ResponderEliminar
  70. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  71. En cambio yo aparte de @tutogeek quisiera poder poner las fechas de los post a una lado de dicha entrada, así como la plantilla de @tutogeek

    mi blog: www.bookgeek.com.ar

    Gracias.

    ResponderEliminar
  72. Si ya sé, gracias, pero el problema es que en mis blogs de prueba no aparece esas plantillas, asi que, tendré que esperar más...
    Gracias por tu ayuda
    saludos

    ResponderEliminar
  73. TutoGeek, cambia esto:

    <div class='date'>
    <script type='text/javascript'>
    var timestamp = &quot;<data:post.dateHeader/>&quot;;
    if (timestamp != &#39;&#39;) {
    var timesplit = timestamp.split(&quot;,&quot;);
    var date_yyyy = timesplit[2];
    var timesplit = timesplit[1].split(&quot; &quot;);
    var date_dd = timesplit[2];
    var date_mmm = timesplit[1].substring(0, 3);
    }
    </script>
    <script type='text/javascript'>document.write(date_mmm);</script><br/><strong><script type='text/javascript'>document.write(date_dd);</script></strong></div>

    Por esto:
    <h2 class='date-header'><span><data:post.dateHeader/></span></h2>

    ResponderEliminar
  74. BGeek, son varios pasos para hacer eso, busca 'fecha tipo calendario en Blogger' dentro de Google y encontrarás algunos tutoriales que explican cómo se hace.

    ResponderEliminar
  75. tio eres la ostia, yo quiero ser ingeniero de javascript y me parece que tu vas a ser mi modelo a seguir

    ResponderEliminar
  76. MUCHAS GRACIAS POTRO!, siempre quize hacer eso T.T gracias!!! :')

    ResponderEliminar
  77. Potro como podria incluir un buscador a la imagen de cabecera?
    Un abrazo

    ResponderEliminar
  78. Gracias Potro! Por usted logre quitar el traductor que llevaba mas de un mes tratando de quitar; ya que lo intentaba buscar por EDICIÓN HTML; pero nunca se me ocurrió mirar los gadgets!

    Como siempre eres el Mejor!

    Ya lo arregle miralo: http://tutoxpc.blogspot.com

    ResponderEliminar
  79. Alex Newman & Habik Cuadrado, no, no, si quieres un buen ejemplo a seguir JMiur de Vagabundia es el indicado :)

    ResponderEliminar
  80. JTobaruela, sólo si divides la cabecera del blog:
    http://ciudadblogger.com/2010/08/dividir-la-cabecera-del-blog.html

    ResponderEliminar
  81. .:R.G.F:., qué bueno que quedó todo resuelto :)

    ResponderEliminar
  82. Hola Potro, quitando cosas aquí y allá pasé de esta plantilla: http://btemplates.com/2011/blogger-template-combine/demo/ a esta: http://galijeando.blogspot.com/ ¿Hay alguna forma de que el gadget de páginas quede encima de la barra gris que está debajo del título?
    Por mucho que busco no encuentro cómo quitar la banda gris que está ENCIMA DEL TÍTULO. Gracias de todas formas.

    ResponderEliminar
  83. Hola potro, queria hacerte un par de preguntas que no estan relacionadas con este tema en particular.

    Veras en mi blog, mi slidershow dejo de funcionar, me imagino que se debe a que deben haber muchos otros usuarios consultando el mismo, cuando descarge la plantilla que uso actualmente venia un archivo .js lo que pretendo hacer es subir el archivo y reemplazar la ruta en mi plantilla.

    Entonces me saltan las dificultades, conoces alguna pagina para subir archivos de este tipo?

    Muchas gracias.

    ResponderEliminar
  84. Andrea, encima no, pero de hecho si te fijas en la plantilla original en la barra gris aparece en gadget de Páginas, así que si en tu caso no aparece ahí convendría que elimines el gadget y reinstales la plantilla de nuevo.

    ResponderEliminar
  85. OZ, puedes alojarlo en Google Sites, pero si quieres que sea más rápido aun entonces lo mejor es alojarlo directo en la plantilla.

    ResponderEliminar
  86. Gracias Potro, pero por increible que parezca tu nuevo post de jquery resolvio mi problema, resulta que eso era, tenia dos url con jquery elimine una, y actualize la otra a 1.6.4 y funciona perfecto XD

    Muchas gracias por tu ayuda.

    ResponderEliminar
  87. Buenas noches, me estoy animando con la nueva plantilla, la verdad es que este post me ayudado muchissimo. Tengo una duda. He visto que el blog de Blogger Buzz (http://buzz.blogger.com/), el menu de visualización es desplegable y usa el menu horizontal para poner el contacto (about). Me gustaria poder aplicar esto a mi blog, dejo la dirección y espero que alguien me pueda ayudar.
    http://oniricool.blogspot.com
    Gracias por adelantado.

    ResponderEliminar
  88. Conseguido! con la nueva interficie de edición andava un poco perdido. Pues esta en el menu Pagina, hay que crear una pagina y el menu de visualización se convierte en desplegable. Interesante.

    ResponderEliminar
  89. OZ, ¿coincidencia? :D

    jordionir!c, exactamente!

    ResponderEliminar
  90. hola Potro. mi primer comentario aquí y, antes que nada, un GRACIAS bien grande. he aprendido mucho en tu blog y me has sido de gran ayuda siempre.

    y aquí va mi duda: sé que ahora mismo no es posible, pero ¿habría alguna forma de conseguir que estas vistas se mostrasen por etiquetas, en vez del blog entero? por ejemplo, la vista "snapshot" me vendría de maravilla en mi página... dale un vistazo a la portada y lo comprenderás rápido:
    www.megustanlascamisetas.com

    GRACIAS de nuevo

    ResponderEliminar
  91. Hola descubri tu blog y es sensacinal Potro!,(t agregue a mi blog);tengo un par de preguntas si se puede...1)los comentarios en mi blog desaprecieron algo hice mal,como los recupero,x q quiero utilizar un tutorial tuyo.2)lo q recuadra mi los post "content wrapper" se le puede dar otro formato? q no sea como es lineal (algun aravesco o dibujo?)y dentro del post tambien.
    Mi plantilla esta retocada con mi esfuerzo y desvanecimiento de masa encefalica mia jaja!!
    Gcias dde Argentina
    http://kissmar.blogspot.com/

    ResponderEliminar
  92. Hola Ricardo,

    Qué bueno que te has animado a comentar, de eso se alimenta todo blog :)
    Me temo que no. El problema es que no se puede usar esta plantilla y al mismo tiempo otra personalizada, tiene que ser o una u otra.
    Si las Vistas Dinámicas, -no como plantilla sino como opción de vista- se pudieran mostrar también como páginas de etiquetas quizá sí se podría, pero por ahora se tiene que usar como plantilla para poder acceder a ellas también como páginas de etiquetas.

    ¡Saludos!

    ResponderEliminar
  93. Hola KISSMAR,

    ¡Bienvenid@ a Ciudad Blogger!
    ¿Recuerdas qué fue lo último que hiciste antes de que desaparecieran los comentarios?
    ¿Ya revisaste si en Configuración > Comentarios, tines habilitado que se muestren los comentarios?
    El content-wrapper en tu caso es el main, y ya tiene una imagen de fondo pero se la puedes cambiar por alguna otra:

    #main {
    width:1186px;
    overflow:hidden;
    border: 10px solid #111111;
    margin:0px;
    background: url('http://lh3.ggpht.com/_wVTPiKly_Zc/SjpJnHPgMVI/AAAAAAAAAGs/1R6Gzl_najU/Grey_BG.gif') repeat top left;
    }

    Saludos.

    ResponderEliminar
  94. Hola Potro Master Of The Univers! ja!,gcias x la explicacion yo me exprese mal!..aca te dejo la imagen de lo q quiero cambiar es el borde marcado en rojo (ahi algo decorativo).Con respecto a los comentarios esta todo bien y habilitado,y no recuerdo lo q hice je! meti tanto la mano..

    http://i54.tinypic.com/16kxi53.jpg

    Gcias!! mil!!
    http://kissmar.blogspot.com/

    ResponderEliminar
  95. Todo eso negro es el BODY, ahí mismo verás que tiene como fondo un color negro, cambiándolo cambiarás el color de toda esa área, aunque claro, seguro quedarán unos márgenes negros, eso es porque las otras imágenes tienen (a propósito) ese margen negro incluido en sus imágenes.

    Lo de los comentarios, hay dos opciones, una es que reinstales la plantilla para resolver cualquier problema que hubieses tenido, y otro es que en otro navegador (u otro blog) instales la plantilla original y compares con este blog los códigos del área de comentarios para que mires qué pudiste haber eliminado.

    Saludos!

    ResponderEliminar
  96. Hola Potro !! buenas tardes soy un poco novata en esto y bueno he creado mi blog y hace un tiempo no he podido crear mas entradas y anteriormente consegui ocultarlas de la pagina principal y en esta misma pagina tengo varios botones que individualmente al hacer click me llevan a la entrada que yo he seleccionado individualmente.Pero ahora he vuelto hacer una entrada y esta todo bien pero ahora me vuelve a salir en la portada y no recuerdo haverle puesto ninguna etiqueta como decias en el pos de ocultar entradas y bueno ahora no se como debo hacer para que no se me vea la entrada en la pagina principal este ultima pues las antiguas estan bien ocultas .Espero puedas ayuadarme y disculpas por las molestias y por si no me he explicado bien tampoco entiendo mucho.
    Muchas gracias de antemano.

    ResponderEliminar
  97. Perdon ya lo encontre era de lo mas sencillo que burra...ja,ja,ja disculpas es que no lo recordaba...ja,ja,ja gracias.

    ResponderEliminar
  98. Justo te acabo de responder en la otra entrada, qué bueno que ya has encontrado la manera ;)

    ResponderEliminar
  99. gcias x tu tiempo Potro! saludos!!!

    ResponderEliminar
  100. en estas plantillas no se pueden insertar archivos flash en la cabecera como dices de hacerlo en la otra entrada tuya "cabecera de blog en flash". Por mas que sigo los pasos cuidadosamente, el flash no aparece (solo aparece en algunas de las plantillas de blogger, muy pocas) como se resuelve entonces agregar flash en estas? Estas estan hechas en artisteer, yo lo tengo y me pasa lo mismo es edcir que sube todo bien menos los flash.
    Me tiene como loca, hace 4 dias que solo trato de resolverlo pero no puedo, ayudame por favor
    Gracias

    ResponderEliminar
  101. acabo de incluir las vistas dinamicas al blog me parece excelente gracias a ti....mi pregunta es la siguiente quiere colocarle a la cabecera un enlace que me lleve a otra web y tambien colocarle adsense como lo puedo hacer

    ResponderEliminar
  102. gabybalkey, en estas plantillas de Vistas Dinámicas NO se puede modificar nada de eso. Recuerda que en estas plantillas no podemos acceder a la edición HTML de la plantilla por lo tanto no se puede cambiar su estructura. En Aristeer no sé, nunca las he usado, pero si lo haces en una plantilla personalizada (de las que andan por la red) o una del Diseñador de plantillas de Blogger (Simple, Awesome Inc. Watermark, etc.) con esas no tendrás problema.

    ResponderEliminar
  103. FaceTV, enlaces no es posible porque no se puede agregar ni modificar la estructura. Sobre AdSense se supone que deben verse los anuncios que tenías, si apenas vas a agregar talvez tengas que hacerlo desde la pestaña Ingresos en la nueva interfaz de Blogger.

    Erlan Garcia R., gracias a ti por tu visiya!

    ResponderEliminar
  104. Hay algo que no me cuadra. Al añadir el código que as puesto para la cabecera en el css, en la visualización previa desaparece la barra negra del menú ¿Esto es correcto?

    ResponderEliminar
  105. Es correcto Carlos, pero en el comentario #27 se explica cómo ponerla de nuevo.

    ResponderEliminar
  106. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  107. Tengo un problema, al poner la cabecera el menú ya no me aparece.

    ResponderEliminar
  108. Mira el comentario #27, ahí se explica cómo hacer que aparezca de nuevo.

    ResponderEliminar
  109. Gracias, otra cosa... ¿podría editar o cambiar la barra por otra a mi gusto? Querría poner cosas que fueran diferentes secciones en el blog, no sé si me explico.

    Por otro lado tampoco quiero que aparezca lo de las vistas Classic, Magazine, Flipcard...

    ResponderEliminar
  110. Hola, Potro.
    He seguido tus pasos pero no me funciona. Yo quería poner en la cabecera una imagen que está en jpg, pero no sale. Sale una banda en azul, pero sin la imagen.
    Dejo el texto, por si tienes un momento y consigues detectar algún error.
    Gracias anticipadas


    .header-bar {
    background-color:#738a94 !important;
    background-image:url (http://farm7.static.flickr.com/6164/6238910143_34a692d142.jpg) !important;
    background-repeat:no-repeat;
    height:149px !important;
    border-bottom:25px solid #3b464b;
    }
    #header .header-bar .title h1, #header .header-bar .title h3 {display:none;}
    #header a:hover {text-decoration:none !important;}
    #main {margin-top:115px !important;}

    ResponderEliminar
  111. Adquiriendo Estilo, no se puede poner nada más a la barra, así que si deseas quitarle su único menú entonces no veo caso de hacerla aparecer de nuevo :/

    ResponderEliminar
  112. 11+11, parece que un pequeño espacio es el culpable. Después de url debe ir de inmediato el paréntesis. Lo tienes asi:
    background-image:url (http://farm7.static.flickr.com/6164/6238910143_34a692d142.jpg) !important;

    Y debe ser así:
    background-image:url(http://farm7.static.flickr.com/6164/6238910143_34a692d142.jpg) !important;

    ResponderEliminar
  113. Gracias, Potro. Eres un encanto. Lo he hecho tal como decías y ya está solucionado.
    Disculpa, pero tengo que hacerte otra pregunta. Resulta que al cambiar la cabecera han desaparecido los dos iconos pequeños que estaban al lado de la barra de búsqueda: el de Blogger y otro más. Solía usar el primero como acceso directo al panel de control. Echo en falta ese icono y sobre todo el lápiz de acceso directo desde cada entrada. ¿Se puede hacer algo al respecto? Gracias anticipadas

    ResponderEliminar
  114. Mi estimado Potro, que bien que ya le andes descubriendo a las Vistas Dinamicas, mi pregunta es en base a ello

    Como quitar los enlaces que estan debajo de la cabecera, vi que tu los quitaste y quisiera hacerlo, además se pueden cambiar por otros enlaces o no.

    Espero tu respuesta ADIOS

    ResponderEliminar
  115. Mucho gusto Potro, felicitarte por tu blog, la verdad que hay mucho que aprenden para personalizar nuestro blog, te cuento que acabo de publicar me blog http://freelancermicrosoftexcel.blogspot.com .. bueno aquí en tu blog me pasare un buen rato para leer,,, jajaja, ya me di cuenta que están todos los tips para personalizarlo.
    Espero me visites. Saludos

    ResponderEliminar
  116. 11+11, en el comentario #27 dice cómo volver a poner la barra que contiene esos íconos.


    AlexG, no se pueden cambiar por otros, pero si sigues el procedimiento de aquí la barra desaparecerá automáticamente.

    ResponderEliminar
  117. Agustingt, puedes quedarte aquí el tiempo que quieras y siéntete en libertad de tomar todo lo que te sirva para tu blog :)
    Saludos y bienvenido!

    ResponderEliminar
  118. Justo lo que estaba buscando , bueno post y muy buen blog ... éxitos saludos

    ResponderEliminar
  119. Gracias xjojoxx, qué bueno que te ha gustado :)
    Saludos.

    ResponderEliminar
  120. gracias exelente tengo una pregunta no sabes como cambiar el favicon de blogger desde ese mismo css o no se puede¡? me encanta las vistas panoramicas solo lastima los gadgets y el favicon ayuda si sabes gracias hermano

    ResponderEliminar
  121. En estas plantillas no se puede. Sería necesario que estuviera habilitada la Edición de HTML.
    Pero ya los de Blogger han dicho que habilitarán más personalizaciones en unas semanas así que seguro en una de esas permiten el cambio del favicon.

    ResponderEliminar
  122. gracias amigo potro entonces solo se puede modificar esto de la cabecera?

    te invito a ver mi blog
    http://wweimpactzone.blogspot.com/

    ResponderEliminar
  123. Ahí mismo en las otras opciones que están cerca de la pestaña "Avanzado" se puede modificar el color de fondo; de cualquier manera ya Blogger ha dicho que en poco tiempo habilitará más opciones para personalizarlas.

    ResponderEliminar
  124. Hola chicos gracias por compartir..!! me salió mi encabezado :D está lindo pero me desapareció mis dos menus de: ESCRIBEME y ACERDA DE MI :( hay forma de que de nuevo estén visibles..!! gracias :) aquí mi blog: www.shelalujan.com

    ResponderEliminar
  125. Claro que sí Shela, mira el comentario #27

    ResponderEliminar
  126. Hola, potro, ya he cambiado en un de mis blogs a estas vistas (el de fotos) y he armado la de dios en el otro (pero bueno esto es otra cosa sobre lo que también necesito preguntarte, después de hacer buscado bien en tu blog por si te refieres a las dudas que se me plantean).
    Por ahora y refiriéndonos a lo que planteas en esta entrada, ¿ puedes decirme por favor cuántos píxeles ancho debe tener esa cabecera para que se ajuste?
    Uff, en menudo lío me he metido con los cambios, :))
    Un besazo, muchas gracias de antemano.

    ResponderEliminar
  127. Hola Sofía,

    Qué bueno que después de varios intentos al fin Blogger te haya permitido poder usar estas plantillas.
    No hay una altura específica para ellas, en sí nosotros lo que hacemos es alterar un poco el diseño de esas plantillas así que podemos usar el tamaño que queramos. Sin embargo, si quisieras respetar la altura predeterminada que usa Blogger para las cabeceras de estas plantillas entonces sería de 65px, pero te repito, no es necesario usar esa medida.

    Otro beso para ti y buen inicio de semana!

    ResponderEliminar
  128. Potrooo!!!! siempre tu pagina en favoritos y con los mejores contenidos siempre. MUCHAS GRACIAS!.

    Tengo una pregunta:
    En mi blog (www.ocredg.com.ar) quiero que mi cabecera llegue hasta el tope de la pagina, es decir que no tenga ese marguen superior.
    Creo que ahi estaba la barra de blogger que ya la eliminé. Porfa man si sabes avisame cual es el codigo que debo poner, o borrar.
    abrazo

    Y desde ya muchas gracias. SOS GROSO!!!

    ResponderEliminar
  129. Gracias OCRE dg,

    Parece que usas una plantilla del Diseñador, si es así entonces aquí está la información que buscas:
    http://ciudadblogger.com/2011/02/eliminar-espacio-superior-en-las.html

    Un abrazo.

    ResponderEliminar
  130. hola, antes que nada un gusto y muchas gracias por la información, esta muy buena y clara.
    quería hacerte una consulta sobre mi sitio (makemeadancer.com.ar), esta funcionando todo bastante bien pero cuando abro una entrada y hago scroll se me superponen los elementos incrustados (soundcloud, youtube, vimeo) sabes cómo puedo solucionarlo?

    ResponderEliminar
  131. se superponen con el header, osea hago scroll y esos elementos pasan por encima del header

    ResponderEliminar
  132. Hola Sebastian,

    He ingresado a tu blog, en dos de tus entradas que vi que tienes videos bajé el scroll pero no vi que se encimarán a la cabecera. De cualquier forma puedes aplicar una transparencia a los archivos flash como videos y reproductores para evitar que se sobrepongan a otros elementos:
    http://ciudadblogger.com/2011/03/cuando-los-videos-se-sobreponen.html

    Saludos y muchas gracias por tu visita!

    ResponderEliminar
  133. hola, sou un poco nuevo en esto y me gustaría saber si en estas nuevs plantillas de vistas dinámicas se puede modificar la cabecera y poner una imagen propia, gracias!

    ResponderEliminar
  134. Hola EL HOMBRE CÓNCAVO, justamente eso es lo que trata de explicar esta entrada. Si miras el blog de pruebas verás que la cabecera adquiere una imagen propia.

    ResponderEliminar
  135. Ante todo gracias por la ayuda. Utilicé una imagen de archivo jpg pero me quedó corta, más o menos a la mitad del espacio (horizontal). Cómo puedo ampliarla? Otra cosa. He visto algunos blogs que tienen el menú de vistas dinámicas en menu desplegable vertical, cómo se hace? Y cómo se puede agregar un menu para la información personal? Saludos.

    ResponderEliminar
  136. Hola Fabio,

    Para que aparezca el menú mira el comentario #27. Si tienes páginas ahí aparecerán.
    La imagen no puedes ampliarla tanto pues la cabecera siempre tendrá el 100% del ancho de la ventana del navegador, por eso se pone también un color de fondo para rellenar el faltante.

    Saludos.

    ResponderEliminar
  137. Gracias Poro. Otra pregunta: es posible poner un contador de visitas como statcountrer en vistas dinámicas? Si lo es, me podrías explicar cómo se hace. Saludos.

    ResponderEliminar
  138. No Fabio, en esas plantillas aún no se pueden poner gadgets o incluir algo en la edición HTML de la plantilla. Saludos.

    ResponderEliminar
  139. Hola El Potro, me han sido de mucha utilidad los comentarios que haces referente a las vistas dinámicas te agradezco ese apoyo incondicional para todos nosotros que navegamos en un mar de dudas, gracias!! Por otro lado, quiero preguntarte: ¿Cómo le puedo hacer para insertar en la opción Anadir CSS y dentro de la cabecera un .Gif animado o un logo animado o de video; hay alguna manera de hacerlo en estas vistas dinámicas? De antemano agradezco tu apoyo.

    ResponderEliminar
  140. Hola Luis Carlos,

    Videos no, pues la estructura de un video es HTML y sólo puede añadirse CSS. Imagen animada sí puedes agregar, es el mismo procedimiento, en donde dice URL de la imagen añade tu imagen en formato GIF.

    Saludos!

    ResponderEliminar
  141. El Potro, gracias nuevamente por sacarme de dudas y aprovecho para plantearte una más:
    Una imagen animada en formato GIF, ¿puede descompilarse para modificarla? ¿Hay alguna protección a la imagen animada que se le pueda añadir en una página o un blog? Esto con el fin de evitar que sea copiada al ser publicada. En caso de haber alguna solución al respecto te agradecería mucho me la compartieras para incluirla en CSS

    Saludos!!

    ResponderEliminar
  142. Puedes editarla con un programa de diseño que sea apto para ello, hay programas que te permiten modificar capa por capa de la imagen animada.
    Protección al 100% no existe, la única forma de que algo no sea copiado es que no se suba a la red, pues aunque hay uno que otro método siempre hay el doble de métodos para romper esa seguridad.

    Saludos.

    ResponderEliminar
  143. hola, logré lo que quería usando esto, revisalo aquí www.hyperkulturemia.net, ahora me falta quitarle el box de search y poner mi nombre en al cabecera, como hago? please

    ResponderEliminar
  144. Hola hyperkulturemia,

    Para que aparezca el título de tu blog elimina esta parte:
    #header .header-bar .title h1, #header .header-bar .title h3 {display:none;}

    Si quieres que no aparezca el buscador entonces agrega esto:
    #header input#search {display:none;}

    ResponderEliminar
  145. potro se puede cambiar la url a un complemento como imframe es que quiero poner un video como cabecera en las plantillas dinamicas

    ResponderEliminar
  146. Nada de eso puede hacerse todavía, quién sabe si después Blogger permita hacerle ese tipo de modificaciones, pero por ahora, no.

    ResponderEliminar
  147. ¿Cómo se pude centrar la imagen de la cabecera?

    ResponderEliminar
  148. Potro, tengo una duda... es posible en este editor CSS crear un menú para estas vistas donde ponga un home, servicios, etc...????

    No lo he intentado... ¿ya lo hiciste y es posible?

    ResponderEliminar
  149. Ángel, debajo de:
    background-repeat:no-repeat;

    Agrega:
    background-position:center;

    ResponderEliminar
  150. Cristian, no, pero se supone que si tienes páginas estáticas éstas se deben mostrar en la barra de menú que aparece debajo de la cabecera.

    ResponderEliminar
  151. Hay un problema, he puesto el código para alejar el encabezado de las entradas y el que hace que no tape la barra de pestañas. Pero me sigue cortando las páginas (no la principal, sólo las que seleccionas en la barra).

    ResponderEliminar
  152. En el blog de tu perfil no veo ningún problema. ¿Con cuál navegador lo estás viendo?

    ResponderEliminar
  153. Si le das a la pestaña "OTROS BLOGS", el encabezado se come las imágenes.

    ResponderEliminar
  154. Además, y si no es mucho preguntar, me gustaría saber como quitar el encuadre azul que tienen las imágenes. Y también el que se abran las entradas normal, y no encima de la página principal.

    ResponderEliminar
  155. Prueba poniendo esto para bajar el contenido de las páginas:
    .viewitem-panel .viewitem-content {
    margin-top: 150px;
    }

    Del encuadre azul no sé a cuál te refieres, yo no he visto nada azul ahí. Y la forma como se abren las entradas no se puede modificar.
    Saludos.

    ResponderEliminar
  156. ¡Hola, El Potro!
    Tengo un problema (varios) con mi blog. He creado uno con las nuevas vistas dinámicas, pero no me permite hacer cambios. Quise poner un encabezado con una de las cincuenta imágenes que dejaste, pero luego de instalar el código no cambia nada. Lo hice paso por paso, tal como lo explicaste. Ni siquiera me permite cambiar el tamaño de letra del encabezado.
    Otro problema: el "Leer más" no funciona, al hacer clic en él, se queda tal como está, no muestra la entrada completa. Puedes verlo en el primer post empezando desde abajo. La dirección de mi blog es http://lacruzdelalmanaque.blogspot.com/
    ¿Podrías ayudarme, por favor?
    Desde ya, muchas gracias.

    ResponderEliminar
  157. Perdona, El Potro, me rectifico. El blog ya ni siquiera acorta las entradas con el "Leer más" :(

    ResponderEliminar
  158. Hola Daniel,

    En el estilo "Clásico" las entradas se muestran así como lo tienes tú, de hecho puedes corroborarlo si miras este sitio con esa plantilla:
    http://ciudadblogger.com/view/classic

    La imagen de la cabecera sí la veo ahí, quizá sólo tienes que hacerla más pequeña de alto y ponerle un color de fondo también, pero sí aparece la imagen que has elegido.

    Saludos.

    ResponderEliminar
  159. Gracias, El Potro, por tu rápida respuesta. A la imagen he logrado ponerla, aunque de otra forma, sin el CSS, y no es "cabecera" sino fondo. La opción está en "Avanzados - Fondos", creo. Igual, lo dejaré así, y achicaré un poco la imagen, como me recomiendas.
    Acerca del "Leer más": sí, el estilo "Clásico" se ve así, sin embargo estoy seguro de que antes podía poner "Leer más", aunque no se abría. Ahora ni eso. Y bueh, que se queden largas; en todo caso, reduciré la cantidad de entradas visibles. Nuevamente gracias. Un abrazo.

    ResponderEliminar
  160. Hola otra vez. No tiene mucho que ver, pero me podrías decir por qué aparece
    en espacio de MENSAJE. http://seigame.blogspot.com/p/contacto.html

    ResponderEliminar
  161. Revisa la entrada del formulario, verás que ahí dice que si pones los códigos seguidos no aparecerá ese código ahí.

    ResponderEliminar
  162. Tengo una pregunta en la version anterior del blog tenia un header ,ahora con la version dinamica esta desaparecio ,se que en el tutorial viene para poner la direccion de en linea de la imagen que quieo usar para header,peeroooo y si la imagen que quiero usar la tengo en mi maquina y no en linea?

    ResponderEliminar
  163. No hay problema Luis, sólo sube la imagen que tienes en tu ordenador a la red, aquí verás cómo se hace:
    http://ciudadblogger.com/2011/06/subir-imagenes-y-obtener-la-url-de-la.html

    ResponderEliminar
  164. Ya siento que sea tan canso, pero tengo una última duda. ¿Como se puede hacer para que el encabezado se quede quieto y no se mueva con la pantalla?

    ResponderEliminar
  165. Para que la cabecera sea flotante agrega estos estilos:

    #header-container {
    position: fixed;
    top: 0;
    left: 0;
    }

    ResponderEliminar
  166. Hola Potro! quiero cambiar la cabecera y poner una imagen como dices en tu post, he hecho todo esto y salvo que no me aparece la foto el resto me gusta. Puedes ayudarme?

    .header-bar {
    background-color:#738a94 !important; /
    background-image:url(http://s2.subirimagenes.com/otros/previo/thump_7285058blog.jpg)!important;
    background-repeat:no-repeat; /*
    height:149px!important; /
    border-bottom:25px solid #3b464b; /* Borde inferior */
    }
    #header .header-bar .title h1, #header .header-bar .title h3 {display:none;}
    #header a:hover {text-decoration:none !important;}

    #Flipcard.ss, #views ul li:nth-child(2),
    #Mosaic.ss, #views ul li:nth-child(4),
    #Sidebar.ss, #views ul li:nth-child(5),
    #Timeslide.ss, #views ul li:nth-child(7)
    {
    display: none !important;
    }
    http://lespetityeuxdemaman.blogspot.com/ Gracias!!!!

    ResponderEliminar
  167. .header-bar {
    background-color:#738a94 !important; /
    background-image:url(http://farm8.staticflickr.com/7149/6603210655_6140b151e4_m.jpg) !important;
    background-repeat:no-repeat; /*
    height:149px!important; /
    border-bottom:25px solid #3b464b; /* Borde inferior */
    }
    #header .header-bar .title h1, #header .header-bar .title h3 {display:none;}
    #header a:hover {text-decoration:none !important;}

    #Flipcard.ss, #views ul li:nth-child(2),
    #Mosaic.ss, #views ul li:nth-child(4),
    #Sidebar.ss, #views ul li:nth-child(5),
    #Timeslide.ss, #views ul li:nth-child(7)
    {
    display: none !important;
    }
    Te vuelvo a dejar el código que he puesto porque he cambiado la ubicación. Pero aún así no funciona :((
    Gracias!
    http://lespetityeuxdemaman.blogspot.com/

    ResponderEliminar
  168. Hola Maman,

    Si eliminas los comentarios en color verde entonces debes eliminarlos por completo, de lo contrario invalidarán el resto de los estilos. Por ejemplo, esta parte:
    background-color:#738a94 !important; /* Color de fondo */

    Si eliminas el comentario debe eliminarse todo lo que está en negrita, de manera que quede así:
    background-color:#738a94 !important;

    Y no así:
    background-color:#738a94 !important; /*

    Ni tampoco así:
    background-color:#738a94 !important; /

    Saludos.

    ResponderEliminar
  169. HOla Potro!! Hice todo lo que comentas aquí, pero por alguna razón no puedo hacer que la imagen no se repita (estoy en chrome)

    .header-bar {
    background-color:transparent; !important;
    background-image:url(http://i143.photobucket.com/albums/r152/intergalaktea/cosmocowlogo-2.png) !important;
    background-repeat:no-repeat;
    background-position:center;
    height:200px !important;
    border-bottom:5px solid #848484;
    }
    #header .header-bar .title h1, #header .header-bar .title h3 {display:none;}
    #header a:hover {text-decoration:none !important;}
    #main {margin-top:120px !important;}

    qué puedo estar haciendo mal? :( NEcesito ayuda!!
    Te agradezco mucho

    el blog es este: http://cosmocow.blogspot.com/

    ResponderEliminar
  170. Hola Stephanie Prodanovich,

    Cambia esta parte:
    background-repeat:no-repeat;

    Por esta:
    background-repeat:no-repeat !important;

    Con eso deberá dejar de repetirse.
    Saludos.

    ResponderEliminar
  171. Holaaa!! lo que a mi me gustaría sería poder poner enlaces propios en esa cabecera, como he visto en otros blogs. Como los que vienen de serie en las vistas dinámicas pero con otros nombres y a otros sitios que yo enlace. He visto un blog que lo tiene así y no encuentro por ningún lado como hacer eso. Como podría hacerlo?

    ResponderEliminar
    Respuestas
    1. Si es una plantilla de Vistas Dinámicas no se puede, en ellas no se puede añadir código HTML, al menos hasta ahora no se pueden añadir ese tipo de elementos.

      Eliminar
  172. Pues es que he visto este blog en el que si ha podido añadir enlaces http://estelamiguel.blogspot.com/ por eso me resultó raro porque por aquí leí que no se podía... es raro.

    ResponderEliminar
    Respuestas
    1. Esos enlaces son de las páginas estáticas. Si en tu blog tienes publicadas páginas entonces automáticamente se muestra esa barra negra con los enlaces a tus páginas.
      Si has aplicado el truco para personalizar la cabecera quizá esa barra negra haya desaparecido, pero para hacer que aparezca mira el comentario #27

      Eliminar
    2. muchas gracias por tu respuesta! eres genial! no conocía eso de las páginas estáticas, donde puedo darle para publicar páginas estáticas? y ya haré aparecer la barra otra vez con lo que dices en el comentario #27

      Eliminar
    3. Este comentario ha sido eliminado por el autor.

      Eliminar
    4. Lo descubrí, me funcionó, probé con otra plantilla porque estoy de pruebas con el blog, quise volver a poner la misma y ahora cuando creo páginas estáticas le doy a la opción de que se muestren, le doy a guardar y por mas que lo hago no me sale ya como me salía antes en la barrita...

      Eliminar
    5. ¿Qué es lo que no aparece, las páginas o la barra del menú? ¿en cuál blog tienes el problema?
      Saludos!

      Eliminar
  173. Hola, que tal Potro! muy buenos consejos como siempre..
    queria consultarte varias cosas..
    1. la imagen me quedo centrada y el cuadrito de busqueda en una parte tapa la imagen quedando un poco desagradable, hay forma de correr el cuadrito de busqueda o de mandar a la izquierda la imagen?
    2. quisiera que la cabecera se pueda clickear y lleve a la pagina principal..

    muchisimas gracias como siempre

    ResponderEliminar
    Respuestas
    1. Hola Lucas,
      Parece que tienes dos declaraciones de background, en ambas tienes la URL de la cabecera. Sólo debe haber una, quítala y con eso debe ponerse a la izquierda.
      Lo otro no se puede, recuerda que sólo podemos incluir CSS, nada de HTML.
      Saludos.

      Eliminar
    2. como le añado gadgets a las vista dinamicas ???

      Eliminar
    3. Quizá no leíste la entrada:
      "Por suerte no todo está perdido, pues aunque no podemos agregar gadgets en ella, sí podemos modificar ciertas áreas para que tu blog no sea vea igual al de todos."

      Eliminar
  174. Hola, muy bueno este post, el problema que tengo yo con estas plantillas dinámicas es que no puedo reducir el tamaño de la descripción del blog, me aparece casi del mismo tamaño que el título. Entré en el diseñador de plantilla, en la parte avanzada, cambio los pixeles de la letra, pero no me reconoce los cambios. Cambia el tipo de letra y el color, pero el tamaño no :(

    Conoces alguna forma de hacerlo o sabes por qué es ese error?

    Gracias

    Mi blog es este: www.rodrigocondeprosa.blogspot.com

    ResponderEliminar
    Respuestas
    1. Hola Rodrigo,

      Si quieres reducir el tamaño de la descripción agrega esto en el CSS:

      #header .header-bar .title h3 {
      font-size: 13px !important;
      }

      Saludos.

      Eliminar
  175. hola potro!!!
    Muchas gracias por tu ayuda, has conseguido que mi blog sea más personal =)pero tengo un problemilla: ¿hay alguna manera de que el header se desplaze cuando bajas con el ratón? Lo pregunto porque mi header es un poco grande y deja poco espacio para ver las entradas, si se desplazara el header sería mejor.
    Muchas gracias!!!

    ResponderEliminar
    Respuestas
    1. Hola Fran.
      Agrega en los estilos esto:

      .header-bar, .header-drawer {
      position:absolute !important;
      }


      Saludos.

      Eliminar
  176. Hola Potro. Una pregunta: Antes de utilizar las vistas dinámicas, cada vez que subía una nueva entrada ésta se publicaba también en mi página de facebook, pero ahora no sucede. ¿Hay alguna manera de vincular nuevamente estas vistas dinámicas con facebook? Muchas gracias de antemano por tu tiempo.

    ResponderEliminar
    Respuestas
    1. Hola Fabio. Blogger no tiene un vínculo directo con Facebook, es posible que hayas estado usando una aplicación de Facebook que es la que leía el feed de tu blog, si es así revisa la configuración de esa aplicación para cerciorarte que todo está funcionando correctamente en cuanto a la aplicación.

      Eliminar
  177. Muchas gracias por tu ayuda, ahora queda muchísimo mejor. También me gustaría saber si se puede cambiar el icono que sale en las pestañas o cuando pones la pagina en favoritos. ¿Sabes a lo que me refiero? Ahora aparece el logo de blogger pero no se si se puede editar por CSS o solo por HTML.
    Te doy otra vez las gracias por la ayuda de antes =D

    ResponderEliminar
    Respuestas
    1. El favicon sólo puede agregarse por HTML, o desde la pestaña de Diseño, pero en las Vistas Dinámicas no existe ni uno ni lo otro.
      Saludos.

      Eliminar
  178. hola, muy practico este blog!!

    Mi blog es www.visitmycounty.blogspot.com y he usado la plantilla de VISTA DINAMICA de blogger.
    Usando esta plantilla con la opción de FLIPCARDS como pagina principal se muestran las imágenes de los 100 primeros post, y si bajas con el scroll se van descargando el resto de los post de 50 en 50.

    Tengo 3145 posts, me gustaría saber si es posible que se descarguen TODOS desde el incio si tener que usar el scroll para ir descargandolos poco a poco.

    En "configuracion/entradas y comentarios/mostrar maximo de 500 entradas en la página principal" no me deja poner mas de 500, y tras varios intentos me he dado cuenta que independientemente del numero que ponga (500 ó 5) siempre me carga los 100 primeros posts.

    Gracias

    ResponderEliminar
    Respuestas
    1. Hola visitmycounty. La autopaginación de Blogger limita el número de entradas que se deben mostrar en la portada, esto es con el fin de no hacer lenta la carga del blog. Ahí no hay nada que podamos hacer, lo cual también me parece bien, ya que un blog lento en cargar es molesto para el usuario.

      Saludos.

      Eliminar
    2. Hola El Potro, Gracias por tu pronta respuesta!

      se me ha ocurrido una manera de solucionarlo, aunque no se si se puede hacer siendo tan limitado la personalizacion de las vistas dinamicas:

      ¿se podria crear en la cabecera 52 links respondiendo cada link a cada una de las 52 labels de mi blog(que son los 52 estados de EEUU)? ede tal manera que si pinchase en el link de IOWA por ejemplo me llevaría al URL http://visitmycounty.blogspot.com/search/label/IOWA de tal forma que se me aislarian los post con la etiqueta de IOWA.

      y asi con los 52 labels no se hace lenta la carga del blog!!

      ¿sabes como poner tantos links nuevos en la cabecera?

      Muchas gracias de nuevo!

      Eliminar

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.

Nota: solo los miembros de este blog pueden publicar comentarios.

 
Ir Arriba Ir Abajo
I Ciudad Blogger