Personalizar páginas com links em posts do Blogger

  • Autor Autor Wigao
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
Wigao

Wigao

1
Pi
SEO
Verificación en dos pasos activada
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:

Inserir CODE, HTML ou 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:

Inserir CODE, HTML ou PHP:
]]></b:skin>

Y reemplazarlo por este otro:

Inserir CODE, HTML ou 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 edição:
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
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 edição:
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.
 
Voltar
Topo