Poner una cabecera en las plantillas de vistas dinámicas de blogger

19:17




Hola que tal amigos soy su amiga Lady Pink en esta ocasión les comparto esta información de como pueden poner una cabecera en las plantillas de las vistas dinámicas.




ve a :

  • Plantilla 
  • Personalizar
  • Avanzado
  • Añadir CSS 
  • Ahí agrega el siguiente código:                                                                                                            Código sacado de Ciudad blogger



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


Como vez en el código viene marcado de colores las partes que puedes modificar. 
ve como queda dando clic aquí

Comparte esta información

Tags:

TAMBIÉN PODRÍA GUSTARTE

7 comentarios

  1. ~Spens Wells~domingo, 06 mayo, 2012

    hOLA pero que buenos tutos tienes ... la verdad jamas me sale ninguno por eso no me sale poner cosas binitas en mi blg pero los tuyos estan sencillos me gustan ya te sigo si quieres y cuando kieres visitame
    http://diariodecorazonadas.blogspot.mx/

    ResponderEliminar
  2. ~Spens Wells~lunes, 07 mayo, 2012

    Muchas gracias por tu visita a mi blog y estoy apunto de terinar la apariencia pero me cuesta trabajo poner cosas de códigos htlm la verdad no se es una plantilla de blogger la etero pero bueno quien sabe gracias por seguirme hermosa seguire viniendo a tomar cositas claro dare creditos ;)

    ResponderEliminar
    Respuestas
    1. Anny Pinkmartes, 08 mayo, 2012

      ooo ya si a veces cambia un poquito algunas partes del código para aplicarlo en las plantillas ya sea las de blogger o las de la Web pero como te dije te esta quedando muy lindo suerte ^^ y espero te ayude un poco la información que encuentres aquí.Buen día

      Eliminar
  3. Anónimojueves, 10 mayo, 2012

    Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
  4. Anny Pinkjueves, 03 enero, 2013

    Acá muestro como se hace eso: http://tutosladypink.blogspot.mx/2011/02/bueno-s-muy-facil-al-finalizar-la-2.html#outer-wrapper
    (Deslizador de imágenes de tus ultimas publicaciones)

    ResponderEliminar
  5. Anónimoviernes, 22 noviembre, 2013

    Hola!!

    Muy bien explicado me fue de mucha ayuda.

    saludos y buena vibra!!

    ResponderEliminar

Bienvenidos gracias por tu visita y comentario. Recuerda suscribirte para recibir actualizaciones en tu correo de lo nuevo de este blog y de las demás redes sociales de Tutos Lady Pink.


Welcome thanks for your visit and comment. Subscribe if you want to receive updates from this blog. Remember to visit the other social networking pink lady.


欢迎感谢您的访问和评论。
订阅如果您想收到这个博客的更新。
下次访问其他社会网络夫人粉色。