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.
Tema > HTML y buscamos
Ahora lo cambiamos por este otro:
Cambiamos lo marcado en azul por el texto que queramos
Ahora vamos a aplicarle el CSS necesario para poder editarlo a nuestro gusto.
Busca la etiqueta ]]></b:skin> y añade este bloque encima:
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
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
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>
<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... "<data:blog.pageName/>"</div>
Estás viendo los artÃculos con la etiqueta... "<data:blog.pageName/>"</div>
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;}
padding: 4px; border: 1px solid #ccc;}
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
.
0 Comentarios
En breve revisaremos tu comentario para poder publicarlo.
Muchas gracias