Personalizar páginas con enlaces en entradas de Blogger

  • Autor Autor Wigao
  • Fecha de inicio Fecha de inicio
Wigao

Wigao

1
Pi
SEO
Verificación en dos pasos activada
¡Ha verificado su Paypal!
Suscripción a IA
Edito: Truco encontrado gracias a Jblogger.

A continuación dejo una explicación en español.

1. Crear un gadget html/javascript abajo de todas las entradas con el siguiente código:

Insertar CODE, HTML o PHP:
<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='http://blogergadgets.googlecode.com/files/blogger-page-nav-v2.js'></script>

2. Buscar el siguiente código en edicion html:

Insertar CODE, HTML o PHP:
]]></b:skin>

Y reemplazarlo por este otro:

Insertar CODE, HTML o PHP:
.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;
}
]]></b:skin>

3. Clin en guardar plantilla y listo, te tiene que quedar algo así:

28u60pf.jpg
 
Última edición:
Numbered Page Navigation For Blogger ~ Blogger Widgets

Ahí tienes, espero te sirva.
 
Wowww, no sabia que eso era posible.
Jblogger Enlace eliminado para ti
 
Gracias Jblogger, justo lo que necesitaba.
 
casi te digo paginavi pero es para worpress, igual ya te ayudaron.
Saludos.
 
muchas gracias lo implementare
 
Lo acabo de implementar y esta mucho mejor que el "entradas antiguas"

solo que tengo un problema, la barra de nevegación me aparece encimada con el texto de arriba, aquí pueden ver como queda Descargar Juegos

E intentado poner un <br/> en diferentes partes del código, pero en ninguna funciona.
Alguno sabrá como hacerle?

Gracias
 
Lo usaba hace un tiempo, hasta hace poco que descubri que es HORRIBLE =/ lamento decirlo pero es asi, por cosas como estas:

Si estas en la pagina 1, muchas veces en pagina 2 repite las entradas de la pagina 1.
Si selecciono categorias y me aparece una lista extensa de entradas de esa categoria (esto a los que tienen muchos post como risavideos.com), le doy a la segunda pagina, nuevamente aparece una lista extensa con muchisimas entradas que estaban en primera pagina y debe ocurrir lo mismo con la 3ra.. 4ta y 5ta pagina.
Otras veces me fijaba que habian post que desaparecian por un tiempo que deberia aparecer en 2da pagina, pero no salian ni alfinal de la primera, ni al principio de la 2da.

Por eso lo quite, revisen eso antes de usarlo porque es fastidioso que tu visita encuentre en 2da pagina los mismos articulos, y preferi lo de "Entradas antiguas" pero lo enchule un poquito a mi onda 😛

Saludos!
 
Última edición:
Muchas Gracias por eldato, ya lo implementé :top:
 
tal parece que con solo implementar el primer codigo funciona de maravilla
 
A mi nunca me funciono, quiza era antes ahora se que funciona, pero Wp-Pagenavi FTW.

Buen tutorial, si existieran los dedos verdes te daria.
 
Atrás
Arriba