Como cambiar el titulo de mostrando etiquetas. - Lātrey.Clover

Como cambiar el titulo de mostrando etiquetas.

jueves, marzo 26, 2015

Quiero decir que desperté super contenta, después de la gran acogida que tubo ayer la propuesta de Bloggers Invitados gracias a todas las nenas bloggers que confiaron en mi para esta nueva iniciativa, ya tenemos calendario casi lleno hasta el mes de mayo yuujuuu ! Pero todavía hay espacio, así que si aun no te apuntas, no se que esperas, que esto estará de lo lindo y no te quieres quedar fuera, verdad??
Sera una excelente manera de conocer nuevos blogs y a sus creadoras, hacer nuevas amistades y promocionar nuestros blogs, así que aquí todos ganamos, Hablo en femenino por que hasta ahorita solo han sido mujeres las valientes en apuntarse, pero claro que el espacio esta abierto para todos.

Bien y ahora si pasando a lo que toca hoy, un tutorial, cuando damos clic a alguna etiqueta en nuestro Blog, siempre nos muestra algo como esto, cierto?


Bien, pues hoy vamos a modificar y darle un toque mas chulo, sip, si se puede ! por eso es que Blogger me encanta, la infinidad de cosas que podemos hacer y darle un toque especial a nuestros Blogs.

cambiar-mostrando-etiquetas-


Y con un poco de CSS también podremos cambiar los bordes, tipografía, color de fondo, color de texto, agregar imagen etc.


Platilla> editar platilla> buscamos este código

<data:navMessage/>  Buscamos el primer código que salga, lo borramos y pegamos este otro
<data:blog.searchLabel/>  picha guardar y vista previa para que veas los cambios.

Ahora vamos hacerlo más bonito
Vamos a agregar un poco de CSS

/* Label Status Message
———————————————–*/
.status-msg-body {    /* esto cambiara la tipografía y el color */
font: 14px Century Gothic;
color: #fd6a83;
text-transform: uppercase;
font-weight: bold;
}
.status-msg-bg {    /* Para cambiar el color de fondo */
background-color: #ffffff;
}
.status-msg-border {   /* para cambiar el color del borde */
border: 1px #e9d8d9 solid;
}

Lo que esta en amarillo son las propiedades que puedes modificar.

 Si quieres agregar mas texto el mensaje de etiquetas
Buscamos en HTML este código

<data:blog.searchLabel/>  y escribe el mensaje que quieras antes del código como el ejemplo
*Estás viendo estas entradas: <data:blog.searchLabel/> guarda y debe quedar listo. 

Si quieres cambiar el borde puedes agregar estos códigos en el CSS
Borde: solid;     Borde: double;    Borde:dashed;    Boder:dotted;    Border:groove;     Borde:inset;     Border:outset; 

También puedes cambiar los bordes de arriba y abajo
Border-top: 1px;    Border-bottom: 1px;

Tambien Puedes  agregar imagen
background: url(URL de la imagen) center left no-repeat;

 Ha sido sencillo verdad, pero con cada detalle que cambiemos le vamos dando nuestra propia personalidad. Ya sabes me haces super feliz si compartes esta entrada.

Ciao.
Taina.

You Might Also Like

0