-->

Tuneando el texto de Mostrando entradas con la etiqueta

Hoy vamos amostrar como podemos cambiar el texto y cartel que nos aparece cuando nuestros visitantes quieren ver una etiqueta especifica.
Para ello tenemos que modificar nuestra plantilla HTML.



Nota:
Antes de realizar cualquier cambio en nuestro blog, tendremos que realizar una copia de seguridad del mismo por si algo no sale bien.

Puedes ver en este post como lo hacemos paso a paso

Modificando la plantilla

Para modificar nuestra plantilla nos vamos a:
Tema > HTML y buscamos

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


Ahora lo cambiamos por este otro:

<div class='status-msg-wrap'>
Estás viendo los artículos con la etiqueta... &quot;<data:blog.pageName/>&quot;</div>
Cambiamos lo marcado en azul por el texto que queramos 

Aplicando el CSS


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;}
Cambiamos lo marcado en rojo por la imagen que queramos.
Si deseamos que la imagen cubra todo el rectángulo cambiamos 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.
Puedes elegir entre estos:


Finalmente el color del borde (#cccccc) también puede cambiarse, con ayuda de la tabla de colores.

Guarda tu plantilla para terminar

.

Publicar un comentario

0 Comentarios