English Português

La barra de estatus de Blogger es aquella que se muestra en la parte superior de las entradas cuando accesamos a las etiquetas o hacemos una búsqueda. Por defecto, están definidos estilos para el borde, el fondo y la fuente, que aunque tiene un aspecto neutro, no siempre es lo más adecuado.

blogger-estatus-defecto.png

Personalizar la barra de estatus

Para personalizar esta barra es necesaria agregar esencialmente 4 clases en la sección css de la plantilla, estas son:

status-msg-wrap. Es el contenedor principal de la barra, es el lugar adecuado para definir su ubicación respecto a las entradas.
status-msg-body. Clase encargada de dar estilos al mensaje.
status-msg-border. Clase que define el borde.
status-msg-bg. Clase que define el color de fondo.

Es necesaria acompañar estas clases con el selector superior “#main”, para que sobrescriba los valores por defecto.

Ejemplo

Código css. (va antes de ]]></b:skin>)

#main .status-msg-wrap {
width:90%;
padding:5px;
}

#main .status-msg-body {
font-size:80%;
text-align:left;
padding:5px 5px 5px 30px;
width:auto;
}

#main .status-msg-border {
border:1px solid #a19a36;
opacity:1;
}

#main .status-msg-bg {
background: #FFF9B3 url(http://bp0.blogger.com/_Zuzii37VUO4/RvtwlnVpGrI/AAAAAAAACOw/K5daSpdOLYg/s1600/gnome-status%5B2%5D.png) center left no-repeat;
opacity:1;
}

Que da como resultado:

blogger-estatus-estilos.png

Conclusión

La barra de estatus de Blogger tiene una estructura de estilos un poco compleja y creo yo, mal organizada, para personalizar correctamente esta parte se debe tener cuidado de sobrescribir todos los estilos por defecto.

Solo como anotación, extrañamente la barra de estatus repite dos veces el mensaje, solo que uno de ellos tiene atributos para no mostrarte, al parecer el equipo de blogger hizo al vapor varios de los elementos de sus plantillas.

Nota: Si lo que buscan es ocultarla definitivamente consulte nuestro post para hacerlo.

Escrito por Francisco Oliveros

Soy un gran aficionado del diseño y de todo lo que el código puede comunicar. Ingeniero mecánico por profesión, pero dedicado al desarrollo web a tiempo completo.

Blog / Twitter

Artículos relacionados

Sigue leyendo consejos, tips y tutoriales para tu blog.

    Comentarios

    1. Jaak. / Hace 10 años /

      Gracias!
      Llevaba mucho tiempo preguntándome si no se podría cambiar esta barra en la plantilla; nunca encontraba el cómo.

      Los de Blogger si implementaran un par de cosas más, muchos usuarios se lo agradecerían, sin ir más lejos, poder personalizar la página de comentarios al abrirse en nueva ventana.

      Bueno, lo dicho, gracias y un saludo!

      Responder a Jaak. →
    2. VASSILEIOS / Hace 10 años /

      GRACIAS!!!
      PUEDES DECIRME SI PUEDO EDITAR EL TEXTO, PORQUE NO ME GUSTA MUCHO Y QUIERO CAMBIARLO…

      MILLONES DE GRACIAS!!!

      Responder a VASSILEIOS →
    3. Francisco / Hace 10 años /

      Hola!

      Jaak, pues ojala te sea útil. Sobre la página de comentarios es posible personalizar su diseño, porque de hecho se maneja desde una página externa (puedes ver que no sale tu dirección de blog cuando estas en los comentarios.

      VASSILEIOS, como el mensaje no viene en la plantilla sino que lo obtiene de Blogger directamente, no es posible cambiar el mensaje.

      Un saludo!

      Responder a Francisco →
    4. Francisco / Hace 10 años /

      hola!

      A mi no me gusta esa barra, y quisiera saber si es posible eliminarla del blog. Sólo eso.

      Gracias. Un saludo.

      Responder a Francisco →
    5. Francisco / Hace 10 años /

      Tocayo, puse un enlace al pie del post para ocultar la barra, un saludo!

      Responder a Francisco →
    6. eddie / Hace 10 años /

      Gracias por el dato. No sabía que se podía modificar esa horrible barra jeje.

      saludos!

      Responder a eddie →

    Responder

    ¡Gracias por dejar tu opinión! Por favor procura que tus comentarios estén dentro tema, que no sean promocionales (spam), ilegales u ofensivos, de otro modo, serán borrados. Todos los enlaces serán moderados y la URL indicada NO será enlazada.

    Blog and Web es un blog de Blógstica. Hospedado desde 2008 en Liquid Web.

    Términos de uso - Política de privacidad