Como modificar "Mostrando entradas con la etiqueta..."

29 de noviembre de 2015
Modificar mostrando entradas con la etiqueta

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.

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


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.

Para hacerlo debes ir a Plantilla | Editar HTML y con Ctrl + F buscar data:navMessage

Veremos que esta repetido 3 veces, nos interesa la segunda de ellas.

Ejemplo:


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

8 comentarios:

  1. Hola!
    Super útil el tutorial.
    A mi me gusta usar más la primera opción.
    Besos

    ResponderBorrar
  2. ¡Muy útil! Lo probaré en cuanto pueda.
    Un saludo :)

    ResponderBorrar
  3. Holaa!!

    Genial entrada gracias por el aporte!

    ResponderBorrar
  4. 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 :(

    ResponderBorrar
    Respuestas
    1. Es 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

      Borrar
Muchas gracias por dedicarle tu tiempo a mi blog! Espero que la entrada te haya gustado y no dudes en dejar tu opinión en un comentario ♥ (Por favor no dejes spam)