06/01/2010
14:43
Tutorial
Abu Farhan nos muestra como realizar una paginación para Blogger estilo Google, es bastante fácil de implementar, el utiliza el sprite de Google para implementarlo, yo he preferido cambiar esa imagen por otra. El único cambio que he realizado en el script ha sido a la hora de utilizar esa imagen, como sabréis, conforme vamos avanzando paginas, la "O" de Google se repite y al utilizar la palabra "Blog" he tenido que modificar esa parte.
Esta paginación se ha basado en el script original de Techieblogger pero ha solucionado los bugs existentes
Antes de usar este truco os recomiendo que hagáis una copia de vuestra plantilla.
Para implementarlo guardamos esta imagen y la subimos a nuestra web de alojamiento.
Antes de ]]></b:skin> pegamos
#nav a,#nav a:visited,.blk a{color:#000}
#nav a{display:block}
#nav .b a,#nav .b a:visited{color:#000}
#nav .i{color:#a90a08;font-weight:bold}
.csb,.ss{background:url(URL ALOJAMIENTO IMAGEN) no-repeat 0 0;height:26px;display:block}
.ss{background-position:0 -88px;position:absolute;left:0;top:0}
.cps{height:18px;overflow:hidden;width:114px}
.mbi{width:13px;height:13px;background-position:-91px -74px;margin-right:3px}
#nav td{padding:0;text-align:center}
Nos bajamos este archivo, copiamos su contenido, lo pegamos justo antes de </body>
Un dato importante a tener en cuenta, en var displayPageNum=6;, el numero deberá coincidir con el numero de entradas que mostramos en la pagina principal del blog.
Guardamos todos los cambios, expandimos artilugios y buscamos
'data:label.url'
y lo sustituimos por
'data:label.url + "?&max-results=6"'
NOTA: Por problemas del editor de Blogger que no me permite hacerlo, debéis sustituir las comillas dobles por &-quot-; eliminando los guiones (-)entre los caracteres(las comillas estan justo detrás de + y antes de la ultima comilla)
Aquí también será necesario ajustar el numero max-results=6 al numero de entradas que mostramos en nuestra pagina principal.
Abu Farhan también nos muestra otras paginaciones que explicaremos en otra entrada. Te recomendamos también + Artículos relacionados de Tutorial
Muchas gracias.
ResponderSuprimirEsta curioso este tipo de paginación, no se....quiza la ponga en el blog.....aunque ya tengo una sencillita.
Y solo comentar que "Abu" en el idioma indonesio quiere decir "polvo".
Un saludo
Hola. Muy buen truco, aunque he visto similares antes, nunca me habia interesado por utilizarlo. Una pregunta, como se hace para que la imagen que dice "Blog" para la paginación, poder cambiarla por otra? Es decir, como coloco una imagen con otra palabra, para que quede bien?
ResponderSuprimirSaludos!
Gildo buen aporte ☺☺☺
ResponderSuprimirLuifer, debes crear la imagen, implementarla en el css y luego modificar en el script la parte de creacion de la tabla... es una tarea complicada...☺☺☺
ResponderSuprimirPizcos me ha gustado mucho y lo he intentado poner en el blog Blogtecnia, pero cuando sustituyo el ultimo paso data label url me pone que falta end tag ";" en max results. ¿Que puedo hacer? Gracias.
ResponderSuprimirCarlo acabo de cambiar eso, habia una errata (cosas del editor de Blogger) prueba ahora ☺☺☺
ResponderSuprimirPizcos lo siento, no puedo acabar de implementarlo, me vuelve a salir el mismo error.
ResponderSuprimirCarlos intenta cambiar las dobles comillas por "
ResponderSuprimirVaya no e lo trago te lo pongo con espacios (quitaselos) & quot ;
ResponderSuprimirContinuo teniendo el problema con max results y que falta ";" el punto y coma. ¿Te envió la plantilla?
ResponderSuprimirpo zi...enviamela...y dentro de un rato la miro..☺☺☺
ResponderSuprimirMuchas gracias ya te la he enviado!
ResponderSuprimirCarlos ya la tienes ☺☺☺
ResponderSuprimirMuchas gracias Pizos ya puedes verlo funcionando en Blogtecnia, lo implementaré en mis otros blogs.
ResponderSuprimirami no me ha funcionado
ResponderSuprimirSol y eMilio intentarlo ahora y decidme ☺☺☺
ResponderSuprimirPizcos, vuelvo a pasar por aquí para comentarte dos cosas, la primera es que gracias a la paginación han aumentado el numero de paginas vistas, no se si a ti te ha sucedido lo mismo. La segunda es que en el primer retroceder se duplica la vista de dos posts, ¿se puede solucionar?
ResponderSuprimirDe todas formas decirte que era algo que buscaba hace tiempo y tu forma de enseñarlo me ha gustado mucho y me resulta muy beneficioso, gracias!
Carlos es una de las ventajas de usarlo, las paginas vistas aumentan...
ResponderSuprimirA mi no me pasa eso, te pasa siempre??? o solo en esa entrada???, se usa el feed para esta implementacion, si es solo en una entrada, hay algo raro en esa entrada...
Prueba en mi blog veras como se repiten entradas.
ResponderSuprimirGracias
ResponderSuprimirPorfin algo que funciona
'data:label.url + ;max-results=24"'
Poniendolo asi es la unica forma de q me funcione.
Pero el problema lo tengo en que solo me sale en la pagina principal, y me gustaria que saliera al mostrar los listados por etiquetas.
¿cómo lo hago?
gracias
hola master, se puede ver si funciona con vista previa no mas?, o si o si hay que guardar para que aparesca la barra?
ResponderSuprimirDoc sale en la principal y las de archivos..en las individuales no ...☺☺☺
ResponderSuprimirjuampypy si te digo que no me acuerdo, pero pienso que al usar el feed no se ve en vista previa, de todas manera espera un poco a que se acabe de cargar el blog en vista previa, por si acaso ☺☺☺
ResponderSuprimirgracias amigo sos un genio, funciona a la perfección, lo que si me podes decir como cambiar el color de los numeros o bien el fondo, por que en mi blog el fondo es negro.. gracias master
ResponderSuprimirya esta amigo, tocando tocando lo doscubri, saludos desde santiago del estero argentina...
ResponderSuprimirPizcos, tengo el mismo problema de Carlos, he probado a escribir a mano, a copiar en un txt guardar y volver a coger, incluso copiando los mismos codigos sueltos encontrados en la plantilla con un copiopego me sigue diciendo que me falta el ";" para guardarme la plantilla :(
ResponderSuprimirLo hice en un blog de pruebas y me salio genial, llegué a ver cómo funcionaba y todo, pero ahora no hay manera de volver a repetirlo. Puedes escribir de alguna otra manera el código para cogértelo???
Acabo de ver tu entrada referente a la autopaginación de blogger me he quedado fría... yo tengo 19 entradas por pagina! resumidas, claro está... uf. A acortar se ha dicho.
Maite, Blogger no me deja...hay que hacer lo que difo en la nota... ☺☺☺
ResponderSuprimirPues estoy que trino, incluso he probado con el (no se si me dejará escribirlo) a m p y tampoco, he probado el método de tu madrina y tampoco, lo he hecho en fire, en ie, y nada, te he codigo los codigos fuentes de esa linea de esta misma entrada y nada... me siguen saliendo las flechas y ni rastro de lo que tiene que salir, ozu que rollo !!!!
ResponderSuprimirMaite en vista previa??? creo recordar que debes guardarlo antes...
ResponderSuprimirsisisi en cuanto haces los dos primeros pasos tienes que guardar porque no deja expandir los artilugios, pero en vista previa no se ve nada después de ese guardado... o debería verse ya algo antes incluso de cambiar lo de data???
ResponderSuprimirespera, que se me está ocurriendo algo, ahora vuelvo ;)
Pues no :P jajaja se ha quedado en grandes ideas. Lo intentaré con más calma y en otro blog de pruebas.
ResponderSuprimirPero si, me vendría genial que me aclarases si en vista previa antes de cambiar lo de data tuvieramos que ver ya algún resultado. Gracias! :D
¿Puedo enviarte esa linea de codigo tal y como la tengo Pizcos? no se qué conseguiría ni qué verías con eso pero me sigue diciendo que no la cierro bien y ya no se qué hacer.
ResponderSuprimirHe hecho lo que sugiere Doc pero me desaparece todo excepto la sidebar. He seguido los pasos de Abu y me sucede lo mismo, como su codigo no está siquiera dentro de una caja y lo he cogido tal cual quizá he codigo tambien el error misterioso. Por favor. Debería ser fácil pero esque no entiendo donde está el fallo de cierre del ";"
Maite mandame la plantilla...entiendo que quieres poner lo mimso que tengo yo..con lo de blog o google???
ResponderSuprimirJo, gracias por tu ofrecimiento, venía a borrar toda la chapa que te he echado hasta ahora, qué vergüenza... verás, el problema es que lo he estado haciendo en un blog de pruebas, en cuanto lo he puesto para que lo pueda ver cualquiera ha salido bien!!! tenía que ser público!!! eso si, me ha salido con la instrucción a m p que le he cogido a Abu de su entrada, si no era imposible cerrar la plantilla. Gracias Pizcos, tantas horas para al final ser un detalle "tonto"... perdona la insistencia de hoy pero me estaba volviendo loca :D
ResponderSuprimir☺☺☺
ResponderSuprimirVuelvo, soy una pesadilla :D
ResponderSuprimirPor favor, fijate en mi blog, http://hastalalunaidayvuelta.blogspot.com/
si vas por ejemplo hasta la pagina 28 resulta que se salen los numeros por la derecha, tengo demasiadas paginas y no veo dónde controlar para que no salgan tantas... podrían salir solamente en intervalos de 10 en 10 paginas? pensé que eso lo controlaba el pageCount. Yo ahí le he dado 10 y en displayPageNum 19. Sabes como puedo controlar eso?
Maite en displayPageNum 9...me voy a la cama jajajajaja...☺☺☺
ResponderSuprimirGRACIAAAAAAAAAAAS jajaja huye... :D:D besos !!!!!
ResponderSuprimirHola lo he instalado en mi blog:
ResponderSuprimirhttp://compartiendovirtuales.blogspot.com/
quisiera preguntarte como podria harce para poner los numeros mas grandes.Espero me puedas ayudar.
Saludos
Victor
Victor, disculpa la tardanza, en tu css busca o añade
ResponderSuprimir.showpagePoint { font-size: 140%;}
hola amigo, muy bueno tu blog....queria saber si hay posibilidad de cambiar la palabra "Blog" osea por otra imagen como el titulo de mi blog y ocurra lo mismo...mi blog se llama Musiqueeiro, y me gustaria q salga asi por ejemplo: Musiqueeeeeeeiro, que la letra "e" sea la variable...
ResponderSuprimirMuchas gracias de antemano!
Niko tendrias que crear la imagen y modificar el css (.ss y.csb, .ss)
ResponderSuprimir☺☺☺
Hola, por favor, resube el enlace de Google en el archivo text, me urge realizar esto, por favor, =)
ResponderSuprimirAdministrador, por un problema con el pc donde lo tengo, no puedo subirlo de nuevo...en cuanto este solucionado lo subo....
ResponderSuprimirHola Pizcos, venia buscando esta entrada porque de casualidad he visto que me funciona mal el truco -no se desde cuando-, de la primera a la segunda se come un montón de entradas y quería quitarlo pero cuando he ido a ver el código del archivo no está disponible así que no tengo claro qué debo suprimir de la plantilla. Aunque sea "basurilla" tampoco pasa nada porque esté ahi, o si? Ya me dirás, gracias :D
ResponderSuprimir-Conoces alguno que pagine bien bien a día de hoy?