Agregar paginación en Blogger
De forma nativa, Blogger no posee un sistema de navegación avanzado, por lo cual navegar entre las entradas de un blog se vuelve una tarea un poco complicada.
Para simplificar la búsqueda y agilizar un poco nuestra exploración y la de muchos usuarios, recuriremos al método de la paginación.
La paginación consiste en mostrar una cantidad definida de posts mediante un sistema numérico, en el cual se avanza o retrocede, permitiendo una navegación mucho más rápida. Si aún no queda clara la definición de paginación en una página web, puedes ver la siguiente imágen:
¿Cómo instalar un sistema paginación en Blogger?
Primero, vamos a ''Diseño/ Elementos de página'', en donde creamos un gadget ''HTML/Javascript'':
En el cual pegaremos el siguiente código:
Guardaremos los cambios del gadget:
Ahora cambiaremos la posición del gadget hacia la sección inferior de las entradas, justo debajo:
Guardas los cambios y listo.
Para simplificar la búsqueda y agilizar un poco nuestra exploración y la de muchos usuarios, recuriremos al método de la paginación.
La paginación consiste en mostrar una cantidad definida de posts mediante un sistema numérico, en el cual se avanza o retrocede, permitiendo una navegación mucho más rápida. Si aún no queda clara la definición de paginación en una página web, puedes ver la siguiente imágen:
 |
| Paginación en Google |
¿Cómo instalar un sistema paginación en Blogger?
Primero, vamos a ''Diseño/ Elementos de página'', en donde creamos un gadget ''HTML/Javascript'':
En el cual pegaremos el siguiente código:
<style type='text/css'>.showpageArea a {text-decoration:underline;}.showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;}.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}.showpage a:hover {text-decoration:none;}.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}</style><script style='text/javascript'>var pageCount=5;var displayPageNum=5;var upPageWord="Anterior";var downPageWord="Siguiente";</script><script style='text/javascript' src='https://sites.google.com/a/blogsydescargas.co.cc/ayudabloggers/scripts/Pagenavenespa%C3%B1ol.js'></script>
Guardaremos los cambios del gadget:
Ahora cambiaremos la posición del gadget hacia la sección inferior de las entradas, justo debajo:
Guardas los cambios y listo.
Notas:
- El script del gadget está traducido por mí.
- A pesar de que este método sea uno de los más simples, es uno bastante eficaz, aunque como todos los sistemas de paginación en blogger, contiene errores, la integración no es 100% completa.
