Hace ya bastante tiempo aprendimos a ocultar o eliminar el cartel con el mensaje "Mostrando entradas con la etiqueta..." y, a decir verdad, nos fué de mucha utilidada casi todos.
En un comentario que leí hace unos días me preguntaban si existe una forma de editar el texto del cartel, así como darle un estilo personalizado.
Y por supuesto que existe, es más, se me ha ocurrido un método sencillísimo de conseguir ambas cosas...
Diseño>edición HTML>expandimos artilugios
Busca este bloque de código:
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
Y reemplázalo por esto otro:
<div class='status-msg-wrap'>
Estás viendo los artículos con la etiqueta... "<data:blog.pageName/>"</div>
Puedes cambiar la frase que se mostrará en el cartel y escribir algo a tu gusto.
Ahora vamos a aplicarle el CSS necesario para poder editarlo a nuestro gusto.
Busca la etiqueta ]]></b:skin> y añade este bloque encima:
.status-msg-wrap{background:url("URL DE LA IMAGEN") no-repeat scroll 0 0 #fff;
padding: 4px; border: 1px solid #ccc;}
Sustituye URL DE LA IMAGEN por la dirección del icono o la imagen de fondo [+].
Aquí te dejo el icono del ejemplo, por si deseas utilizarlo en tu cartel:
En caso de querer añadir una imagen de fondo y que ésta rellene todo el cartel, cambia el atributo no-repeat por repeat.
- Puedes editar la separación que habrá entre el contenido del cartel y el borde en la línea padding: 4px; (editando la cifra -4- por una mayor o menor).
- El grosor del borde puedes editarlo en la línea border: 1px solid #cccccc;, cambiando el valor 1px. El estilo (solid) también puede editarse. Para ello, visita este artículo acerca de los estilos de borde.
Finalmente el color del borde (#cccccc) también puede cambiarse, con ayuda de la tabla de colores.
Guarda tu plantilla para terminar:
¿Problemas al comentar? Utiliza 
Jaime, tengo una consulta a ver si me la puedes resolver. Si te fijas en mi blog, en especial en la cabecera, la cabecera es igual de ancha que el ancho de la página principal, pero me salen unos márgenes a derecha e izaquierda que no sé como quitarlos. Si la cabecera es negra, no se aprecia, pero en cabeceras de otro color, se ven dos franjas negras a los lados que me gustaría eliminar y no sé cómo hacerlo.
No sé si me he explicado bien.
Gracias de antemano!!!
CINEXIM, ¿Te refieres a conseguir que el fondo de la cabecera sea de color blanco, a diferencia del que tendrá el resto del blog (negro)?
Si es así, sigue los siguientes pasos:
Diseño>edición HTML>expandimos artilugios
Edita el siguiente bloque de CSS, cambiando los valores que ves en negrita:
#header-wrapper {
background: #FFFFFF;
border:0 solid #FFFFFF;
margin:0 auto 50px -140px;
width:1266px;
}
Nota: Para encontrar un código con facilidad haz uso de las teclas Ctrl y F para abrir el buscador de tu navegador ^^.
Haz vista previa para ver el resultado y guarda tu plantilla para terminar.
Muchas gracias me sirvio de mucho, lo unico que no use fue el estilo css porque me parecio que sin el queda bien igual, esto es en mi caso .
Muy Bueno tu blog ya que en el me e ahorrado unos cuantos dolores de cabeza, Te dejo un abrazo y te deseo mucho exito,
Letitbitdown.com
Letitbitdown, estoy de acuerdo contigo en cuanto a lo del CSS. Queda mucho más discreto de la manera en la que lo has puesto.
¡También te deseo mucha suerte con la web!
Esto sirve para cambiar la tipografia del titulo del blog? quiero saber hacerlo :(
No Lala, eso lo encontrarás en esta otra entrada.
Hola Jaime, pues desde hace mucho tengo tu blog como referencia para muchas cosas y te agradezco estar compartiendo todo tu conocimiento, respecto a esta entrada me gustaría saber como hacer para lograr que la imagen de fondo (background) contenga un enlace o link hacia el feed rss de los posts por ejemplo o a cualquier otro sitio. Gracias por tu pronta respuesta.
Hola Andrés. En primer lugar desearía agradecerte el encantador comentario que has escrito.
Para hacer lo que deseas tan solo debes utilizar este código en lugar del citado en la entrada:
<a href="URL DE LA PAGINA O FEED"><div class='status-msg-wrap'>
Estás viendo los artículos con la etiqueta... "<data:blog.pageName/>"</div></a>
Si necesitas alguna otra cosa avísame. ¡Un abrazo!
Jaime nuevamente gracias por tu ayuda, es curioso pero pensé que nunca necesitaría escribir en comnetarios de páginas como la tuya, pues modestia aparte conozco algo del tema por encima del promedio; sin embargo estoy en un proyecto nuevo que ya te mostraré luego en el que debido a su magnitud e importancia he requerido tus recomendaciones, no se si estás consciente de que te has convertido en todo un referente (punto de referencia) para todos los bloggers o bloggeros e incluso para diseñadores y programadores, nuevamente gracias y ten por seguro que aunque no es gran cosa voy a tener un importante espacio para ti en mi nuevo proyecto, espera noticias mias, un abrazo.
Tu comentario me dejó sin palabras, Andrés. Desconocía que mis artículos fuesen útiles para diseñadores y programadores como tú. Es duro publicar a diario y saber que cada una de mis ideas son implementadas con posterioridad en blogs y webs ajenas es sorprendente.
Ten por seguro que será un HONOR para mi ser mencionado en tu proyecto. Espero, como bien dices, noticias tuyas.
¡Un fortísimo abrazo!
Fluff, para conseguir lo que pretendes sólo tienes que eliminar la frase resaltada en verde dentro del código a incluir.
Por otra parte, para modificar la letra inicial de cada etiqueta es necesario acceder a la edición de entradas y, seleccionando todos los posts de una etiqueta, aplicar una nueva (con la letra mayúscula correspondiente) y eliminar la anterior.