![Modificar mostrando entradas con la etiqueta](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuvb1z-UZ_MNUqN3xDf9dfDfQxsSy67E7hc7FfNvQ29bEACztkQ4FAeKpmGn0oCWLKfhvi7S2v5i4DYSBpyidB93tLDSgdRjfrt8Qc3_uC6AxQpYCDc-zA5Ndvin06861J8AvLV6Xk6lhJ/s1600/modificar-mostrando-entradas-con-la-etiqueta.png)
Muy buenos días queridos angelitos ♥ Hoy les traigo un nuevo tutorial, en el les enseñaré como dejar bonito el mensaje de "Mostrando entradas con la etiqueta..." que aparece en un feo recuadro gris cuando miramos las etiquetas/secciones en nuestro blog.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhemSbTpmPsIntpWmdBz30OK6MUT3s56IDeEV46F5TSwAY7JWwdthv2bAy6FtOLYCpT0MJbMFAy5h8KpRou6qw1kssU40sQ5bZUDvRVHDMtuo_BfnOhZYdQt-JAnE4AkqLz2HOivq95jQ/s1600/cosito.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhemSbTpmPsIntpWmdBz30OK6MUT3s56IDeEV46F5TSwAY7JWwdthv2bAy6FtOLYCpT0MJbMFAy5h8KpRou6qw1kssU40sQ5bZUDvRVHDMtuo_BfnOhZYdQt-JAnE4AkqLz2HOivq95jQ/s1600/cosito.png)
Les mostraré como pueden borrarlo o modificarlo, poniéndole otro mensaje y cambiando su aspecto ♥
Eliminar el mensaje "Mostrando entradas con la etiqueta..."
En realidad no vamos a borrarlo de nuestra plantilla, pero si haremos que no sea visible, así será mas fácil deshacerlo por si en algún momento cambiamos de opinión y queremos que se vuelva visible.
Es muy fácil hacerlo, solo vamos a Plantilla | Personalizar | Avanzado | Añadir CSS y pegamos lo siguiente:
.status-msg-wrap {display:none;}
Guardamos y listo ♥ Si luego lo quieres recuperar solo borra el código.
Modificar el mensaje "Mostrando entradas con la etiqueta..."
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoVF3NQARM0rWuFAtOdz41icSvgbqZsa-_k_1H3q4sOy-MVUqG4YFNkMPTJ9ecVx1IrENG7dmZPH1uatbhaB14OtLKR4Z9zQHb-Q-7Ie1kucVFTBkbkZrXyy6buoKoiHSYntsLZ3Z1ew/s1600/cosito2.png)
Primero vamos a cambiar el mensaje, en lugar de que diga "Mostrando entradas con .. etc etc" podemos poner lo que queramos, como Estas viendo la sección "tutoriales" o algo asi.
Vamos a sustituirla con lo siguiente:
Lalala tu mensaje va aquí <data:blog.searchLabel/>
<data:blog.searchLabel/> hace referencia a la etiqueta que se esta mirando, por ejemplo tutoriales, recursos o lo que sea, si no quieres que se vea borralo ♥
Ahora solo nos queda hacerlo más bonito ♥
Para hacerlo debes pegar encima de ]]></b:skin> lo siguiente:
.status-msg-body {
font-family: Arial; /* tipo de fuente */
font-size: 16px; /* tamaño del texto */
color: #fcc; /* color del texto */
}
.status-msg-bg { /*Para cambiar el color de fondo de la cajita*/
background-color: #fff;
}
.status-msg-border{ /* color del texto */
border: 1px solid #fcc;
}
Lo editas a tu gusto y eso es todo ♥ Espero les haya servido el tutorial.
Cualquier duda me la dejan en un comentario o me escriben a sol.pourcel@gmail.com
Hola!
ResponderBorrarSuper útil el tutorial.
A mi me gusta usar más la primera opción.
Besos
Que bueno que te sirva el tutorial :)
Borrar¡Muy útil! Lo probaré en cuanto pueda.
ResponderBorrarUn saludo :)
Holaa!!
ResponderBorrarGenial entrada gracias por el aporte!
Hola! tengo un problema, logro modificar el nombre pero no puedo modificar la fuente, ni el tamaño, ni el color. Lo hice tal cual lo explicaste. No se cual puede ser el problema :(
ResponderBorrarEs un poco difícil decirte que está pasando ya que no se cual es tu plantilla ni como esta hecha.. a mi me funciona en mi blog y los de prueba. Si tienes una plantilla que personalizó alguien mas te diría que primero veas si no está puesto el código para personalizar en la plantilla .. busca con ctrl+F en la edición html .status-msg-body si ya esta borralo junto con lo que está dentro de las {..} y proba de nuevo con lo que dice el tutorial.. si no es así me puedes escribir a mi correo y ahí vemos que pasa, porque acá por comentarios es un poco difícil xD .. ando medio alejada de blogger por la uni pero aún respondo correos a bloggie.angel@gmail.com
BorrarMe sirvió el tutorial. Gracias!
ResponderBorrarme sirvió muchisimo este blog
ResponderBorrar