Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

Editar el texto y el aspecto del cartel "Mostrando entradas con la etiqueta..."

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


Editar el texto y el aspecto del cartel


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... &quot;<data:blog.pageName/>&quot;</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:


trucos y ayuda blogger


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:

CINEXIM dice...

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!!!

Jaime Trujillo Escobedo dice...

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.

Letitbitdown.com dice...

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

Jaime Trujillo Escobedo dice...

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!

Lala dice...

Esto sirve para cambiar la tipografia del titulo del blog? quiero saber hacerlo :(

Jaime Trujillo Escobedo dice...

No Lala, eso lo encontrarás en esta otra entrada.

Andrés dice...

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.

Jaime Trujillo Escobedo dice...

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!

Andrés dice...

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.

Jaime Trujillo Escobedo dice...

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 - diseño dice...
Este comentario ha sido eliminado por su autor. Siento las molestias.
Jaime Trujillo Escobedo dice...

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.

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo