Personalizar enlaces de paginación en Blogger

Ya hemos visto:

  • Pros y Contras de instalar una portada en Blogger. Leer
  • Instalación de Portada en Blogger. Leer
Hoy vamos a ver como perfeccionarla, para eliminar las entradas que se ven debajo de nuestra portada y los enlaces de paginación.
1.- Primero vamos a eliminar las entradas de nuestra portada. Para ello, seguimos ésta ruta:
Configuración –> Entradas y Comentarios 

Y cambiamos el número a mostrar por 0.

De esta forma ya no aparecerán nuestras entradas bajo la portada. Pero nos aparece el siguiente mensaje:

Y esto es porque Blogger entiende que no queremos mostrar ninguna entrada y automáticamente nos muestra ese resultado. Vamos a eliminarlo.

2.- Entramos a nuestra plantilla HTML/Javascript, abrimos el buscador interno y buscamos:

<b:include data=’top’ name=’status-message’/>

Nos encontraremos con el siguiente código:

Puede aparecer dos veces, aségurate de estar en el que te muestro en la imagen anterior.

y NO en éste:

Cuando te hayas asegurado de haber localizado el código correcto, elimina:

<b:include data=’top’ name=’status-message’/>

Y comprueba en Vista Previa que se ha eliminado el mensaje de “no hay ninguna entrada” o similar.

Pero nos sigue apareciendo la paginación, que tampoco pinta nada en nuestra portada, así que vamos a eliminarla.

3.- Vamos a editar nuestro gadget HTML/Javascrip. Arriba del todo añadiremos este código:

<style>

/* Ocultar-Modificar parte de la estructura original */
.main-inner .header-inner .fauxcolumn-right-outer, .sidebar, h3.post-title, .post-footer, .comments, .blog-pager, .feed-links { display: none;width: 0;}
.main-inner, .main-inner .columns {padding: 0;}
.header-inner .Header .titlewrapper {padding: 0 30px;}
.post img {padding:0;border:0;}
</style>

Son estilos que ocultan las diferentes partes de nuestro blog que no queremos mostrar en la portada. Si copias el código tal cual, tu portada se verá así:

Si quieres mostrar la sidebar, solo tienes que eliminar .sidebar del código:

<style>
/* Ocultar-Modificar parte de la estructura original */
.main-inner .header-inner .fauxcolumn-right-outer,  h3.post-title.post-footer.comments.blog-pager.feed-links { display: none;width: 0;}
.main-inner, .main-inner .columns {padding: 0;}
.header-inner .Header .titlewrapper {padding: 0 30px;}
.post img {padding:0;border:0;}
</style>

Resultado:

Si lo que quieres es no mostrar el menú superior de páginas, solo tienes que añadir .tabs-outer al código para ocultarlo:

<style>
/* Ocultar-Modificar parte de la estructura original */
.main-inner .header-inner .fauxcolumn-right-outer, .tabs-outer, .sidebar, h3.post-title, .post-footer, .comments, .blog-pager, .feed-links { display: none;width: 0;}
.main-inner, .main-inner .columns {padding: 0;}
.header-inner .Header .titlewrapper {padding: 0 30px;}
.post img {padding:0;border:0;}
</style>

Resultado:

Puedes ir probando con los diferentes elementos hasta encontrar tu diseño ideal.

Detalles a tener en cuenta:

  • No olvides que a partir de ahora tú decides a qué tienen acceso tus visitas desde tu portada. Pónselo fácil.
  • Si quieres poner un acceso directo a todas tus entradas del blog, como mi banner VISITA MI BLOG, deberás etiquetar TODAS tus entradas como BLOG (o la etiqueta que quieras para diferenciarlas) y enlazarlas a tu Banner a través de una búsqueda por etiquetas como vimos aquí.
  • Recuerda que usando este truco pierdes la Vista Previa exacta de tus entradas, es decir, cuando tengas una entrada en borrador y selecciones Vista Previa, verás tu entrada justo debajo de tu portada y si, como yo, has elegido no mostrar la sidebar, las medidas de tu entrada se adaptarán a las de la portada. Yo, por eso, trabajo en un Blog de pruebas y una vez la entrada está tal y como quiero, la paso al original.
  • Puedes volver a repasar el artículo sobre Pros y Contras de instalar una portada siguiendo estos pasos en Blogger para terminar de decidirte. Visitar.
Artículos

Pros y Contras de Instalar una Portada en Blogger
Instalar Portada en Blogger. Parte 1
Instalar Portada en Blogger. Parte 2
Si te animas a hacerlo, ¡déjame el enlace a tu blog! Me hará mucha ilusión verlo.



Suscríbete a mis entradas por email ¡para no perderte nada!

♥ Las recibirás en tu bandeja de entrada el mismo día que sean publicadas ♥

Te encantará:

The following two tabs change content below.

Celia

Diseñadora, Mentora y Formadora Online at El Perro de Papel
Mamá y emprendedora a tiempo completo. Ayudo a otras mujeres y madres soñadoras a emprender un negocio online de éxito para conciliar su vida personal y profesional.Si este artículo te ha gustado, sigue aprendiendo conmigo en mi reto gratis de 14 días para conectar con tu mejor versión CLICK AQUÍ.Y AQUÍ tienes mi curso premium para mamás emprendedoras que quieren hacer realidad su idea genial, mano a mano, conmigo.¡Que tengas un feliz día, soñadora!

¿CANSADA DE TRABAJAR TANTAS HORAS SIN VER LOS RESULTADOS ESPERADOS?

Te regalo mi CURSO GRATIS DE 5 DÍAS para mamás emprendedoras que quieren conciliar su vida personal y profesional sin volverse locas ni renunciar a sus sueños.

¡Bienvenida! Ahora revisa tu correo ;)

Pin It on Pinterest

Share This