Agregar paginación en Blogger

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:
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.
    Artículo aleatorio
    BuySellAds
    BuySellAds
    BuySellAds
    BuySellAds
    BuySellAds
    Artículos destacados
    Marca de agua en las imágenes con CSS # - Marca de agua en las imágenes con CSS
    Efecto de desenfoque con CSS # - Efecto de desenfoque con CSS
    Botones para subir y bajar en Blogger # - Botones para subir y bajar en Blogger
    Insertar una página externa en una entrada en Blogger # - Insertar una página externa en una entrada en Blogger
    Ocultar entradas con determinada etiqueta en el inicio de Blogger # - Ocultar entradas con determinada etiqueta en el inicio de Blogger