Paginación en Blogger

By AdictoCiber on 15:27

Comenzando con la sección de tutoriales el primero sera, la Paginación en Blogger, unas de las dudas mas frecuente de lo blogeros, estas es quizás la manera mas fácil para lograr este efecto en solo simples 4 pasos tendrás tu propia paginación.

Paso 1:

Lo primero que vamos a ser, ir a Diseño > Elementos de la Plantilla > Añadir un Gadget:




Paso 2:

En añadir Gadget > Seleccionamos HTML/Javascript



Paso 3:


Cuando te encuentres en HTML/Javascript > Copias el siguiente codigo




Te quedara algo asi:







Paso 4 y Final:

Finalmente arrastramos el codigo añadido en HTML/Javascript > bajo entradas de blog > y el efecto final seria:


Si quieres perzonalizarlo aquí esta la expoliación de cada código perosonalizable:

- .showpageArea .- Es el rectángulo donde se va a mostrar la paginación.

- .showpageArea a .- Son los enlaces en general (los números de las páginas y los textos Anterior y Siguiente). Podemos usar cualquier propiedad, como ponerles una imagen y un borde.

- .showpageArea a:hover .- Se refiere al efecto gráfico cuando colocamos el ratón encima de la paginación.

- .showpageNum a y .showpageNum a:hover .- Son los enlaces con los números de las páginas si es que queremos que se vean diferentes.

- .showpage a y .showpage a:hover .- Son los enlaces con los textos si es que - queremos que se vean diferentes.

- .showpagePoint .- Es el texto que se muestra en la página actual, es decir los números.

- var pageCount .- La cantidad de posts que se mostrarán por página.
Si var pageCount=4 entonces se mostraran por pagina 4 artículos publicados.

- var displayPageNum .- La cantidad de páginas listadas.
Si var displayPageNum=1 entonces se listarán 1 más 1 página, serian 2.

Fuente

Comments

0 Response to 'Paginación en Blogger'

Publicar un comentario