JMiur [E]

Paginar es separar las entradas del blog en grupos de cierta cantidad de entradas y permitir navegar entre ellas.

En Blogger, la única posibilidad que tenemos es Avanzar (Newer Post) o Retroceder (Older Post); en otros servicios, también existe la posibilidad de crear esa paginación de tal manera que no sólo podemos avanzar o retroceder sino "dividir" nuestro blog de tal manera de poder "saltearnos" cosas y navegar más rápido:


En Blogger Accesories han creado un script que nos permite hacer esto con algunas limitaciones pero, funciona bien y, como parte del truco se basa en propiedades CSS, nos da la posibilidad de personalizarlo de muchas maneras.


Para empezar, vamos a la plantilla y sin expandir lo artilugios, buscamos lo siguiente:
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
Justo debajo, agregamos el script que pueden descargar de este archivo de texto o copiarlo del blog original. Este es su contenido:


<script type='text/javascript'>
//<![CDATA[
// http://rias-techno-wizard.blogspot.com
function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';

var pageCount=5;
var displayPageNum=5;
var upPageWord ='Anterior';
var downPageWord ='Siguiente';

var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage) {
if(title!='') {
if(post.category) {
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable) {
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))) {
if(thisUrl.indexOf(timestamp)!=-1 ) {
thisNum = postNum;
}
postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
} //end if(post.category){
itemCount++;
}
} else {
if(title!='') {
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))) {
if(thisUrl.indexOf(timestamp)!=-1 ) {
thisNum = postNum;
}
if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}

for(var p =0;p< htmlMap.length;p++) {
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)) {
if(fFlag ==0 && p == thisNum-2) {
if(thisNum==2) {
if(isLablePage) {
upPageHtml = labelHtml + upPageWord +'</a></span>';
} else {
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
} else {
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}
fFlag++;
}
if(p==(thisNum-1)) {
html += '<span class="showpagePoint">'+thisNum+'</span>';
} else {
if(p==0) {
if(isLablePage) {
html = labelHtml+'1</a></span>';
} else {
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
} else {
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';
}
}
if(eFlag ==0 && p == thisNum) {
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1) {
if(!isLablePage) {
html = '<span class="showpage"></span>'+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea">'+html;
// html = '<div class="showpageArea"><span class="showpage"> Total '+(postNum-1)+': </span>'+html;

if(thisNum<(postNum-1)) {
html += downPageHtml;
}

if(postNum==1) postNum++;
html += '</div>';

if(isPage || isFirstPage || isLablePage) {
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");
if(postNum <= 2) {
html ='';
}
for(var p =0;p< pageArea.length;p++) {
pageArea[p].innerHTML = html;
}
if(pageArea&&pageArea.length>0) {
html ='';
}
if(blogPager) {
blogPager.innerHTML = html;
}
}
}
//]]>
</script>
<script src='/feeds/posts/summary?alt=json-in-script&amp;callback=showpageCount&amp;max-results=99999' type='text/javascript'/>

En el código, hay una serie de valores que podemos modificar:

La cantidad de posts que se mostrarán por página (por defecto una sola):
var pageCount = n;

La cantidad de páginas listadas (por defecto dos)
var displayPageNum=n;

Los textos a mostrar:
var upPageWord ='Back'; // página anterior
var downPageWord ='Next'; // página siguiente

Para que todo estuviera terminado sólo nos faltaría agregar el estilo. Eso lo ponemos entre etiquetas <style> o bien antes de </b:skin>.

Este son las propiedades originales definidas por Blogger Acccesories:


.showpageArea {
background: transparent url(http://i263.photobucket.com/albums/ii150/mohamedrias/ShowPagenavbar.jpg) no-repeat left top;
color:#003366;
font-size: 11px; 
padding: 10px 15px 10px 30px;
text-align: left;
width: 470px;
}
.showpageArea a {
color: #0F0;
text-decoration: underline;
}
.showpageNum a {
border: 1px solid #FFF;
color:#0F0;
margin: 0 10px;
padding: 0 5px 0 8px;
text-decoration:none;
}
.showpageNum a:hover {
color: #FE8314;
background-color: #FFF;
border: 1px solid #0071A5;
}
.showpagePoint {
color: #FE8314;
margin: 0 8px 0 4px;
}
.showpage a {
color: #FFF;
padding: 0 2px 0 4px;
text-decoration: none;
}
.showpage a:hover {
color: #FE8314;
text-decoration: underline;
}
.showpageNum a:link,.showpage a:link {
color: #CC0000;
text-decoration: none;
}

Veamos que significa cada cosa así podemos personalizarlo:

.showpageArea {} es el rectángulo donde se va a mostrar la paginación y en el ejemplo, tiene una imagen de fondo. En mi caso, sólo definí un borde, eliminé el ancho y centré el contenido.

.showpageArea a {} son los enlaces en general (los números de las páginas y los textos Anterior y Siguiente). Podemos usar cualquier propiedad; yo, elegí ponerles una imagen y un borde.

.showpageArea a:hover {} no está en el ejemplo pero, como en mi caso, todos los rectangulitos será iguales se lo agrego para cambiar el efecto gráfico cuando colocamos el ratón encima de un enlace.

.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 muestra el número de la página actual

[ Como muchos lo han pedido, el modelo que utilizo puede verse en este archivo de texto ]

Otra posibilidad si no se quiere poner el código a la plantilla, es agregar un elemento HTML y ubicarlo justo debajo del elemento Entradas del Blog. En ese caso, es allí donde colocamos el estilo y debajo, el script.

Es importante saber que la paginación no funciona en las páginas individuales (esto es lo normal incluso en otros sistemas) pero tampoco funciona si navegamos por etiquetas utilizando hacks y, esto último es una limitacion. De cualquier modo, me parece una solución interesante y pese a que los códigos son largos, es bastante simple de implementar y allá en el fondo, pueden verlo funcionando.

ACLARACIONES Y ACTUALIZACIONES:

Es importante recalcar que si implementamos el truco y hacemos click en Vista Previa no veremos nada ya que en este modo, los scripts no se ejecutan así que sólo podemos Guardar y ver el blog.

Un problema reportado por Fernando Alayo Orbegozo en un comentario nos alerta de una omisión en el script. Cuando nuestro sitio no está alojado en blogspot.com (cuando se tiene un dominio propio), deberemos modificar el código porque no funcionará en la página principal aunque sí lo hará en el resto.

Hay una línea que dice:

var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";

Alli, se detecta la página principal de nuestro sitio pero, como verifica blogspot.com, un dominio propio será ignorado, deberemos cambiar esa línea por:

var isFirstPage = thisUrl=="miDominio";

Y cambiar miDominio por la dirección de la página principal, por ejemplo:

var isFirstPage = thisUrl=="http://www.dospuntosyaparte.com/";

506 comentarios:

Juanjo  

Que bueno, y ahora... sabes como se mete en un recuadro "Anterior" y "Siguiente"?

Gracias y un saludo.

Monja  

Me sale esto:

Por favor, corrige el siguiente error y envía la plantilla de nuevo.
No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: The reference to entity "callback" must end with the ';' delimiter.

Juanjo  

A mi me ha funcionado, aunque supongo que será porque uso una plantilla original de Blogger concretamente la Mínima. Por cierto Jmiur, la navbar de páginas siempre me sale a la derecha ¿me puedes de cir cómo has conseguido centrarla?

Gracias.

blogsmadeinspain  

No entiendo bien donde dices que se coloca el estilo... puedes concretarlo algo más.

blogsmadeinspain  

No consigo que me funcione, me da siempre el error de "Plantilla mal formada...". El script está claro donde hay que colocarlo, pero con le estilo no lo tengo claro, y tampoco sé si hay que abrirlo y cerrarlo con "style".
A ver si puedes ayudarme.

Roberth  

Buenos días, muy bueno la aplicación, me salió bien salvo un detalle, en la página principal no me sale la paginación al hacer clic en entradas antiguas es dode recien aparece la paginación, quizas puedas ayudarme, para que lo compruebes te dejo mi Url www.cocinarica.com, espero me puedas ayudar a solucionarlo. Gracias y saludos.

Monja  

yo tambien uso la minima

sharysce  

ahh muy buena opcion para poder navegar si la necesidad de estar dando la flecha!!

ARETINO  

Lo esperaba hace rato, Espero que funcione

ARETINO  

Lo intente con el html y nada. Seguiremos intentandolo

ARETINO  

Como hacemos para quitar la navegacion por etiquetas. http://bquilla.blogspot.com/

ARETINO  

Nada. No me funciona

JMiur  

Juanjo:
La primer pregunta no la comprendo. Para centrarla puedes modificar las propiedades de este modo:

.showpageArea {
text-align: center;
margin: 0 auto;
........
}

Monja:
Usa el archivo de texto adjunto para evitar errores de transcripción. Ese archivo contiene la copia exacta de lo que aparece en mi plantilla así que resuelve cualquier probema sitáctico.
En el caso de ese error que te muestra, al final, donde dice: &callback y &max-results=99999 debería reeemplazarse el símbolo & por &amp;

blogsmadeinspain:
Lo más sencillo para el estilo es que lo coloques en la plantilla, justo anters de </b:skin>
Otra forma es colocarlo así:

<style type="text/css">
........... AQUI COLOCAS EL ESTILO
</style>

Roberth:
Realmete es extraño. El código está bien colocado y de hecho, funciona en las páginas interiores correctamente. Se ocurre que podrías probar colocarlo en un elemento HTML ya que en esa parte ya tienes otros.

Aretino: ¿funciona? Y, sí, ahí abajo está funcionando.

ARETINO  

Que palera pero lo estoy logrando

Espineli  

Ostris... para mi sorpresa a funcionado, veo que superarte es DEMASIADO CHUNGO, perdona mis cumplidos pero es que mi nivel es el de princiapintillo jajaja, gracias de nuevo...

Saludos!!!

Roberth  

Hola JMiur no me sale, probe como me lo indicaste y no sale nada, no se que hacer.

Blogsmadeinspain  

-amigo, no saía que fuese tan torpe. Lo he colocado tal y como indicas, con el estilo entre "style type...", y nada de nada. Además de no salirme, me sigue saliendo "Entradas Antiguas" y me sale visible en el propio blog todo el código que he colocado dentro de "style type...". No sé lo que puedo estar haciendo mal. Lo he repetido en varias ocasiones y nada.

blogsmadeinspain  

Nada, que no lo consigo. Lo he intentado con la versión inglesa, pero más de lo mismo.
Lo curioso es que no me da error la plantilla, pero me sigue apareciendo "Entradas Antiguas" y no me aparece la paginación.

PollicoTotal™  

Me sale esto y estoy to cabreao no hay manera de que lo pueda poner .

JMiur

No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: The reference to entity "callback" must end with the ';' delimiter.

Esto lo e probado y me sigue saliendo.

Usa el archivo de texto adjunto para evitar errores de transcripción. Ese archivo contiene la copia exacta de lo que aparece en mi plantilla así que resuelve cualquier probema sitáctico.
En el caso de ese error que te muestra, al final, donde dice: &callback y &max-results=99999 debería reeemplazarse el símbolo & por &

ARETINO  

Ya funciona pero tengo problemas con el CSS. Debe ser la ansiedad. Lo probe con el suyo y nada. Lo probe con el oficial y nada. Regresare a la noche a ver que hago

SpamLoco  

Idolo.

Espineli  

Si no se ponen los códigos en el CSS con el style (guiaros por el enlace de BLOGGER ACCESORIES que ofrece JMIUR nada

JMiur  

Roberth: realmente es extraño porque no se ve nada erróneo y sólo ocurre en la página principal. En este momento, no tengo respuestas; seguiré investigando.

Blogsmadeinspain: no veo en cuál de tus blogs lo tienes colocado. Si se ve el código, lo que ocurre es que debe estar mal escrita la etiqueta style.

ARETINO: Paciencia, sino, deja el enlace para que pueda verse el blog.

Alejandro: Suerte (esto ya parece WP) :D

PollicoTotal, Espineli: no entendí los comentarios.

Juanjo  

Yo ya lo he conseguido jeje... podeís verlo en mi blog. Este truco lo llevaba buscando hace tiempo menos mal que me salío tras varios intentos.

Ahora me ronda otra pregunta:

Cómo haces para que en los bótones se vean separados por un recuadro de puntitos y cuando pasas el ratón por encima se ven con fondo a color???

Podrías hacer un post sobre eso Jmiur o sea como personalizar los botones del blog.

Gracias

Roberth  

Amigos ya me di por vencido estoy desde la mañana en eso y casi hecho a perder la configuración de la plantilla, me siento un poco frustrado, lo que hice es sacarlo hasta poder solucionar el problema, de todas maneras gracias JMiur, espero alguien encuetre la solución.

PollicoTotal™  

No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: The reference to entity "callback" must end with the ';' delimiter.

Eso me dice cuando lo tengo todo puesto y le doy a guardar.

Juanjo  

Siento que te confundas Jmiur pero Espineli y Juanjo somos la misma persona aquí suelo usar el nombre de juanjo es que sin querer antes he comentado con el nombre de Espineli que es el nombre de mi blog pero antes usé el de Espineli por si tenías activado lo del DoFollow.

Un abrazo compañero.

JMiur  

Juanjo: Intentaré hacer lo que me pides. Por la doble identidad, ni te preocupes :D

PollicoTotal: entiendo. Conviene que use el TXT o lo abras en el navegador y copies el código. El error que te muestra Blogger es por lo dicho antes es otro comentario, no debe haber caracteres &; :

&amp;callback=showpageCount&&amp;max-results=99999

Si persiste el error, copia y pega lo que escribes en un archivo de texto y me lo envias por mail.

PollicoTotal™  

Este archivo de texto que tienes en la entrada le doy abrir sale la pagina en blanco ,no se que le pasa.

Luzdeluna  

Hola Jmiur! hace horas tbm que estoy con este truco y no me sale! lo he hecho de todas formas posible y nada, pero ni siquiera me da error!! es como si no pusiera nada! quizás se anula con algun otro script que tenga?
Vi como lo tenes funcionando y me gustó muchisimo!
Saludos

JMiur  

El archivo de texto no parece tener nada malo; lo tengo a la vista. En todo caso, descárgalo con el botón derecho del mouse.

No veo el código en tu blog. Si no produce error, déjalo, así miro.

PollicoTotal™  

JMiur si no veo el código no puedo pegarlo, el que tienes puesto en la entrada lo copio y pego y me sale lo de arriba no me deja,lo que te explicado en el otro comentario , y la verdad que ya es tarde son las 2:21 yo me voy a sobar y ya si eso mañana hecho un rato gracias por todo Compi.

Un Saludo

ARETINO  

la url: http://bquilla.blogspot.com/

No se me carga el css

Luzdeluna  

JMiur viste cuando no te anda el televisor, llamas al técnico y cuando llega el maldito aparato funciona de maravilla? que bronca no? jaja aca me pasó lo mismo! repito los códigos y ahora se ven!!!! solo falta que los personalice! Gracias por tu tiempo!!!
Un abrazo

ARETINO  

como es lo de los puntos suspensivos? y el total de pages?

ARETINO  

Lo voy a dejar asi por ahora. La idea era copiarme del tuyo y colocarle una img de fondo pero no me carga (?)

Los cuadritos solo toman tres lados de borde y me gustaría que tomaran los cuatro.

Regresare!!!

Puedes ver lo que hice en: http://bquilla.blogspot.com/

ARETINO  

Ya funciona pero lo quería con una img de fondo. Una pregunta ¿cuando haces clic en el ultimo numero se carga esa page pero también se carga el doble de números de paginacion. Como se podría arreglar?

JMiur  

PollicoTotal:
El archivo es este; puedes verlo online o descargarlo. No comprendo eso de que no se ve.
El código del post es exacto. Acabo de copiarlo y pegarlo en esta misma plantilla. Puedes verlo desde el código fuente del navegador.
No se si has revisado eso de las & que comenté y que es la que produce el error que describes.

ARETINO:
Si miras el ejemplo que está en la pagina principal, verás que no hay puntos suspensivos ni total de páginas. Lo primero porque en el original no está implementada la posibilidad de ir a la primera o última página aunque estén los textos; lo segundo porque no me interesó. Esto último, esta sólo deshabilitado así que basta cambiar:

html = '<div class="showpageArea">'+html;
// html = '<div class="showpageArea"><span class="showpage"> Total '+(postNum-1)+': </span>'+html;

por:

// html = '<div class="showpageArea">'+html;
html = '<div class="showpageArea"><span class="showpage"> Total '+(postNum-1)+': </span>'+html;

No es que haya un borde que no se vea sino que en el CSS hay un borde gris:

#blog-pager a {
border-right:1px solid #CCCCCC;

Si lo eliminas, será marrón como el resto.

Luz: Suele pasar :D

ARETINO  

JMiur
Revise el codigo y ambos son iguales no veo la diferencia y acerca del borde gris lo elimino y sigue apareciendo. Revisare a ver que.

Luzdeluna  

Por si alguien comete el mismo error que yo, NO sale en vista previa!!! jeje algo tan simple! con razón no lo encontraba!
Me quedo peshosho!

ARETINO  

Listo elimine todo - mas bien lo oculte - y todo funciona. Pero quede pendiente con la img de fondo. No me aparece.

Y pille lo de los códigos. a simple vista los veía igual.

Gracias.

ARETINO  

Bacanisssimo!!!

Mar  

Ahhhhhhhhhhhh soñaba con esto!!!!! sos un genio!!!!!!

(quiero paginar blogs vacíos, lo mío es genial)

Bueno, voy a probar...(no cambies de correo) :D

Mar  

No me dio ningún error... pero me sigue saliendo "entradas antiguas" :(

Marvin8  

Hola JMiur:

Te tengo una consulta, espero y sean simple. Lo que pasa es que cuando paso el mouse encima de por ejemplo "siguiente", ese "siguiente" se me subraya y no me gusta, quisiera que no se me subraye. Como hago par quitar esa opción de que no se subraye :(

Aún no lo e implementado en mi blog, lo tengo en mi blog de pruebas, solo quiero que me digas como hago para que no se subraye el link por ejemplo "siguiente".

Una vez más agradecerte, por tus excelentes tutoriales, y muy innovadores :P

Saludos...

Marvin8  

JMiur anteriormente te hice una pregunta, pero ya la logre resolver :P, me puse a mirar y por ahi por intuisión le acerte :D, obvio en mi blog de pruebas :D, le moví solo esto:

a:hover {

color:$titlecolor;

text-decoration:none;

}

Igual gracias por todo lo que ofreces, eres genial Maestraso.

JMiur  

Marvin esa hubiera sido la respuesta: text-decoration:none :D

Luzdeluna: es verdad, no se ve con vista previa porque allí, hay scripts que no se ejecutan.

ARETINO: Todo era cuestion de paciencia y perseverancia :D

Mar: No veo tu blog.

blogsmadeinspain  

POR FÍN LO LOGRÉ. Pero he tenido que usar los códigos de la web original en inglés Blogger Accesories. No sé qué pasa con los tuyos pero por más que lo he intentado... nada de nada.
Sin embargo los de la web inglesa, se instalaron perfectamente y los he podido configurar a mi gusto sin problemas.

Gracias.... algunos sois verdaderos genios de esto. Llevaba esperando la paginación en Blogger meses. Publicaré un post en mi blog enlazando con este post tuyo.

Saludos.

blogsmadeinspain  

Bueno parece que canté victoria antes de cuenta.
Me daba el siguiente error con los códigos de la web inglesa:
Se ve perfectamente, pero cuando pulso siguiente o pulso sobre la página "2" se va a la página "5", a partir de ahí se puede avanzar sin problemas, es decir, la pñagina "6", "7", ... sin problemas. Pero de la página 2 a la 4 las ignora totalmente.
Ví que en tu blog no tenías problemas de este tipo, por lo que decidí usar los mismos códigos que tú tienes en este blog. Pues se repite el problema. Ya he probado de distintas formas, siempre respetando tus códigos originales que usas en Vagabundia, pero nada de nada.
Este es mi blog de pruebas http://blogsmadeinspainprueba.blogspot.com/

héchale un vistazo por favor al código fuente y a ver si detectas algo mal.
YA NO SÉ QUE HACER.

Mar  

Esta noche ya los abro aunque tengan pocas publicaciones.
(Estaba de mudanza con los scripts otra vez, ahora a Yahoo):$ (perdón)

blogsmadeinspain  

Perdona que te de la lata, pero te comento lo que me ocurre a mí, en relación al error de ignorar las páginas "2" y "3" de la paginación.
Verás, si mantengo el valor "pageCount=5" que trae tu código por defecto... no hay problema, pero si reduzco ese número a 3 o 4, me dá el error antes comentado. Lo he probado varias veces y siempre me ocurre lo mismo.

k_nelita  

Hola JMiur, mirá ayer casi me volví loca con esto, no me salía nada, y claro, uno de los problemas era que en vista previa no salía.
Te salvaste por un pelito que te mandara por mail la plantilla ja ja

Pero copié el código de la pagina original porque los botoncitos me gustaron, hacen juego con mi blog, pero... están sobre fondo banco y queda horrible, si querés miralo, ahora está así.
Pero me hice unas imagenes que ya subí a blogger, todas naranjas, pero no se en que parte del código tengo que ponerlas, ni como hacer que cambien de color, a blanco al pasar el mouse por ensima o clickar.

Acabo de copiarme tu código fuente a ver si puedo darme cuenta de como hacerlo.
De cualquier forma por favor pasate por mi blog y decime algo.

Gracias por todo un saludo!

JMiur  

blogsmadeinspain:

Se me ocurre lo siguiente. Yo uso 5 (5 entradas mostradas en cada página) y se dice que se puede usar cualquier valor.

Ahora bien, como el script "sobrescribe" lo que Blogger coloca por defecto, puede ser que ese dato, las 5 paginas por hoja, deba modificarse también en la Configuración de Blogger. En la solapa Formato, yo también tengo ese mismo valor: Mostrar 5 entradas en la página principal.

Sólo es una idea pero, por lo que he estado probando, si ambos datos no son el mismo, el cálculo es erróneo y se saltean entradas.

k_nelita:

Efectivamente, tal como advirtíó Luzdeluna, en Vista Previa no se ve.

Las imágenes van en la propiedad background.

En el CSS original hay solo dos imagenes. La que se usa de fondo en anterior y siguiente es esta:
http://i263.photobucket.com/albums/ii150/mohamedrias/backbutton.gif

Para todo lo demás, usan una sola imagen:
http://i263.photobucket.com/albums/ii150/mohamedrias/page_num.gif

Que tiene arriba el dibujo blaco y abajo el naranja que produce el efecto hover. Con CSS, se muestra la mitad de arriba o la mitad de abajo en:
.showpageNum a
.showpageNum a:hover
.showpagePoint

Quitarles el fondo blanco o hacerlas transparentes no va a ser sencillo.

k_nelita  

Entiendo, pero puedo usar mis imagenes?? Van sin el número o la palabra siguiente-anterior?
Viste como queda en mi blog?? Sale debajo de cada imagen una parte blanca, supongo que es el fondo no?
Y como se hace para que cambien de color al pasar el mouse?

Gracias!!

JMiur  

Si, puedes usarlas. Sólo son los fondos así que los textos se escriben por separado. En todo caso, descarga esas dos imágenes en tu PC y te vas a dar cuenta de lo que son en realidad.

Lo que sale debajo y alrededor es el fondo blanco y el problema a resolver.

El color de las imágenes es lo que decía antes. Sólo es una imagen larga pero, se muestra o la mitad de arriba o la mitad de abajo y eso crea el efecto.

Herenvaryar  

Hola, utilizé el script agregándolo como elemento HTML. Estuve jugando con las opciones pero no me gusta como queda, creo que tiene que ver con la configuración del diseño de la plantilla (Fuentes y colores). ¿Mejorará si lo agrego a la plantilla directamente? Otra pregunta, como puedo quitar ese vínculo de "Suscribirse a: Entradas Atom"?

Gracias por el post y por tu paciencia.

Blogsmadeinspain  

Jmiur, te agrdezco tu respuesta. Pero lo de igualar las entradas mostradas en la configuración de Blogger y en el script ya lo hice antes y se sigue saltando páginas, hay post que no aparecen nunca.
He probado en tres blogs distintos con tres plantillas distintas, y he utilizado los códigos que tú pones en este post, los originales en inglés y los que usas en Vagabundia (copiándolos del código fuente)... Y siempre obtengo el mismo resultado: Se salta páginas y hay varios posts que no aparecen nunca.
Pero lo curioso es que con PageCount=5 o superior funciona correctamente.
De momento tendré que conformarme y usar ese "dichoso cinco".

JMiur  

Herenvaryar:
Ubicado como Elemento HTML o en la plantilla, el resultado es el mismo. El ascpecto estético semaneja con CSS y puede ser cualquier cosa.

Blogsmadeinspain:
Realmente es extraño porque para contestarte hice lo mismo, probando variaciones en cantidades sin mayores problemas. No veo que otra configuración pueda esar afectando ese resultado. Es un misterio.

k_nelita  

Bueno JMiur, ya está, muchas gracias!
Le puse las imagenes que yo hice, no dan el efecto al pasar el mouse pero se mueven, algo es algo, si querés miralas y me das tu opinión.
Creo que quedó bien, aunque no probé de mirar todas las páginas a ver si se pierde algún post como decían por allí, yo por las dudas le puse 5 como tenés vos.

Muchas gracias!! Ahora voy a ver si puedo poner lo de los emoticones...

Saludos!! ;)

JMiur  

Si no quieres que se muevan, cambia las propiedades que dicen:
background:transparent url(IMAGEN) no-repeat 0 100%;
por
background:transparent url(IMAGEN) no-repeat 0 0;

Si quieres un efecto cuando pasas el cursor sobre los números, crea otra imagen levemente diferente (mas clara, mas oscura, como quieras), y colócala aquí:

.showpageNum a:hover {
background:transparent url(OTRAIMAGEN) no-repeat 0 0;
color:#FFFFFF;
}

k_nelita  

Sos un GENIO JMiur, quedó bárbaro!!
Pero la imagen mas larga la que dice Siguiente o Anterior esa no se donde poner la otra imagen, la mas clara.
Los botoncitos de los números quedaron preciosos pero la otra no se puede?
No te olvides que tengo el código de la página original...

Igual me conformo me gustó mucho como quedó, mil gracias!!

PollicoTotal™  

Ya esta listo ,el problema era que con Internet explores no me abre la pagina que das ,por eso cuando la abro esta vacía en blanco ,pero con Mozilla Firefox perfecto , pero no es un navegador que me guste mucho pero en fin .
Puedes verlo haber que tal , pero tengo un problema ,cuando le das a siguiente o a 2 , se me salta 4 entradas , espero que me entiendas ,no entiendo el fallo por que esta todo bien puesto , pero haber si me puedes decir que le pasa ,por que esta todo bien ,seguro .
Descarada mente te cogido emprestada la imagen pero con mi diseño.

Un saludo .

JMiur  

k_nelita:
Con la imagen larga haces lo mismo pero, la colocas en:
.showpageArea a:hover
de igual manera que con la otra.

PollicoTotal:
Por lo que he estado viendo, la cantidad de páginas a mostrar con el script debe ser igual a la cantidad de páginas a mostrar que se establce en Blogger | Configuración | Formato. Revisa esa parte.

Marvin8  

:) esta sonrisa es porque ya hice los cambios :P, y me funciona todo bien.

Gracias JMiur

Saludos...

Moyarco  

Hola. Lo he estado intentado y no lo consigo. Yo uso las plantillas antiguas y no sé muy bien donde introducir el código. Lo he intentado en varios sitios y nada. Puedes decirme si en las plantillas antiguas se puede usar y en que parte del código. Muchas Gracias.

JMiur  

Marvin8: Me alegro que todo anduviera bien :)

Moyarco: No, esto no funciona en las plantillas viejas, deben usarse los nuevos modelos.

k_nelita  

Gracias JMiur, ya lo logré al fin!
Pero... en IE no se ve igual, habré hecho algo mal o es el maldito navegador, que ensima no puedo mirarlo mucho porque me tilda todo, allí no sale la nueva imagen mas clara.
Y otra cosa... no se puede poner que las imagenes largas (anterior-siguiente) quede en una misma linea con los botones de los números?
Si, obviamente que se que si, ya que lo tenés así, pero no se como hacerlo, me queda una debajo de la otra, habrás visto no?

Gracias por todo!! ;)

PD: Ahh sabés una cosa? Ya que la miré con el maldito vi que no salen los títulos de los post, salvo que le pases el mouse y se ven por un ratito y desaparecen, que será eso??

Claudio 'Poca Tinta'  

Me parece genial este aporte, pero aun no he podido hacerla funcionar en mi plantilla, ya que es una adaptada y no es original por eso hay varios horrores, no habilita la funcion del scrip, vere que es lo que ocurre.

Ha Comentario N°68...

Que exito de este post.

Saludos

JMiur  

k_nelita:
Para resolver lo de la imagen en IE, cambia la imagen de lugar; quita la propiedad backgrund de:
.showpageArea a:hover
y colócala en:
.showpage a:hover

Para los titulos hay que cambiar varias propiedades o agregarlas:

.post h3 {
.......................
height:70px;
margin:0;
padding:0;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
.......................
display:inline;
margin-left:30px;
}

Claudio: Paciencia y perseverancia :D

k_nelita  

Hay JMiur que me estoy volviendo loca!! Lo de los títulos va bien en IE y en FF también, pero la imagen la puse donde dijiste y en IE se ve bien pero en FireFox fijate, me quiero mataaaar, algo debo haber hecho mal, mirame el código fuente y me decís si?

Pero logré otra cosa, lo de los emoticones ya los puse y funcionan, y también quité todos los script de googlepages y los subí a... no me acuerdo el nombre el de Billy, y las imagenes, casi todas en Blogger, he estado trabajando como loooocaaaaa :$

Gracias por todo y porfi fijate que puedo hacer con las imagenes que se ven horribleeees.

Fernandooo1  

No me funciona O_O.

Copy/pasted igualito XD

¿Alguna idea? Lo probaré en otro blog.

Fernandooo1  

Nevermind! XD

Funciona bien, oops. :$

Mar  

Funcionó!!!!!!!!!!!! :D

(Ahora voy con el diseño)

Lo puse sólo en este (re- re- re incipiente)blog

http://ellenguajesurrealista.blogspot.com

Ahora..... me quedan muy pegados al final del post y separados como a vos, cómo corrijo eso?

Un beso

Mar  

Errata:

Quise decir "no" separados como se ven aquí.

JMiur  

k_nelita:
En este archivo TXT está el estilo completo de todo eso, modificado. Debería funcionar en ambos navegadores, en FF seguro, en IE, necesitaria que estuviera puesto para controlarlo.

Fernando: Paciencia y perseverancia :D Un poco de suerte no viene mal tampoco.

Mar:
Eso es porque dentro de <bskin> ... </bskin> no se coloca la etiqyeta <style> .... </style>; quita esas dos etiquetas y verás que se ve diferente.

Mar  

Ok, ahí vamos...... a ver si corrijo también algo que con IE no se ve y con FF sí...
en la cabecera de página me sale --> :-(

Mar  

bueno, --> no está más :D

pero los números quedan pegaditos.

(Normal en mí, o no ?)

:-(

JMiur  

Yo, lo veo bien, Mar. Explicame el problema.

Mar  

Creo que todos queríamos paginar... te estamos volviendo loco hasta por cuestiones de estética.
Y no me gusta demasiado eso. Se ve bien, se ve perfecto, sólo deseaba bajarlo un poco (darle un salto de linea)

Hay espacio en la plantilla, pero quedan pegados a los tags y a los comentarios.

Será cuestión del diseño?

Mar  

(De la plantilla, a eso me refiero, eh?)

blogsmadeinspain  

Joer... a muchos os funciona perfectamente para "Pagecount" menor que 5, sin embargo a mi no hay manera. Ya he probado de todo, JMiur, y no lo he conseguido. No entiendo que puede pasar, a ver si alguien que tenga el mismo problema encuentra alguna solución.

k_nelita  

Graciaaaaaas quedó bárbaro!!! En los dos navegadores se ve bien!
GENIO JMiur te amooooo!:D

JMiur  

Mar:
Para bajarlo, busca esto:
.showpageArea {
....
margin:0;
....
Y cambia el margen. Por ejemplo: margin:10px 0 0 0; lo bajará 10 pixeles.

blogsmadeinspain:
Es extraño realmente, lo he probado con valores desde 1 hata 10 y siempre que la Configuración de Blogger sea igual, el resultado es correcto. No sé que contestarte :(

k_nelita:
Me alegro que se haya resuelto :)

Mar  

Bueno........ ni con 10 px ni con 20, es rebelde el tema.

Se ve? si
Funciona? si.

Queda allí XD!

(gracias por todo)

JMiur  

Mar, dice:
margin:20 px 0 0 0 ;

y debe decir:
margin:20px 0 0 0 ;

ese espacio demás hace que no funcione.

Corvus  

Hola pues traté de hacerlo en uno de mis blogs y me funcionó a la mitad jej.. me aparecen las "paginas" 12345 así sin divisiones supongo que eso se modifica con css.. estará por aquí el manual?

JMiur  

Efectivamente, eso se controla con CSS. Deberías probar con el modelo original e ir modificando los datos. Hay muchos tipos distintos.

Jocarl  

disculpame una pregunta tambien sirve para los blogger que tienen dominio propio!!!

JMiur  

Si, sirve para cualquiera siempre que utilice las plantillas nuevas; no sirve para el viejo modelo de Blogger.

Mar  

30px, con el código bien colocado :$

(Gracias)

Luis  

Disculpa JMiur, quiciera preguntarte si existe alguna condicion para usarlo en nuestros blogs?

Saludos

Antony  

Hola! Yo no he podido colocarlo en mi blog, solo quería saber si hay que borrar los iconos de navegación primero para implementar este truco? Saludos!

JMiur  

Luis, Antony:
No hay condiciones ni limitaciones, tampoco es necesario eliminar el código de navegación ya que seguirá usándose en las páginas individuales.

Paula  

Hola Jmiur! Ya llegue a molestarte :P
Lo puse en la plantilla y me funcionó, hasta ahi bien.

Mi problema es que al navegar por las etiquetas siguen apareciendo los numeros, y al pasar a la página 2 avanza, pero pasa a la pagina dos que corresponde a la pagina principal. Ojala me hallas entendido, pero creo que es mejor que lo pruebes por ti mismo para entenderme :D

Espero tu respuesta, gracias! :D

Päul.Plänt  

hey amigo.. pss yo pude a la primera.. pero psss para personalizar el asunto?.. deberias poner algunos consejos.. gracias.

JMiur  

Paula:
Fijate que en la Configuración de Blogger (Formato) la cantidad de psot a mostrar por página sea la misma que colocas en el script, no importa la cantiad sino que sean iguales.

Paula  

Tanto en la parte de formato de la configuracion, en var pageCount y en var displayPageNum tiene 4... y sigue igual :(

JMiur  

Ya veo, Paula.

Lo que está ocurriendo es que cuando navegas por las etiquetas, no se muetran 4 posts por página sino más y de allí en adelante, se producen diferencias en el paginado.

Fíjate si ves esto:

<a expr:href='data:label.url' rel='tag'>

Y cámbialo para forzar a que sólo muestre 4 posts por página:

<a expr:href='data:label.url + "?max-results=5"' rel='tag'>

Anónimo  

Muestra el codigo que usaste tú para tus "numeros"

Ampa Almoradux  

Gracias Jmiur, llevaba mucho tiempo buscando esto.
Lo aplique en mi blog y quedo genial.
Saludos.

Anónimo  

Y alo palique a mi blog, pero se "brinca" entradas...... ignora algunas entradas.

ioh  

JMiur, oye carnal ya lo puse en mi blog, pero se brinca entradas, el mismo numero de "var pageCount = 7", es el mismo en mi configuración de "blogger", pero ignora algunas entradas, me puedes ayudar?

JMiur  

ioh:
Realmente no encuentro dónde puede estar el problema ¿Has probado cambiando la cantidad, reduciéndola?

Para los que querían el modelo CSS que utilizo, lo he colocado en en este archivo de texto.

ioh  

JMiur, si ya lo hice, puse en 5,4 entradas, pero de todos modos se brinca entradas, voy a volver hacerlo desde el principio a ver si ahora me sale, esperando que haya cometido un error la primera vez

Antony  

Hola! Ya lo logre poner en mi blog, gracias... El erro lo tenía era yo, lo estaba colocando mal.

blogsmadeinspain  

Jmiur, he confirmado en "Blogger Accesories", la página del autor original de este script, que está dando errores (saltos de páginas, salto de posts, etc...).
Incluso en la propia página "Blogger Accesories", la paginación que tiene da errores, se salta algunos posts.

Comprobar cuidadosamente la paginación en vuestros blogs, ya que hay posts que no aparecen nunca, aunque esto es fácil que nos pase desapercibido, ya que no nos conocemos de memoria todos los posts que tenemos en nuestros blogs... pero el script da algunos errores, unas veces detectados y otras no.

Estoy tratando de encontrar una solución, pero yo no soy programador y me temo que no me será posible hacerlo.

JMiur  

Esa parte no la había leido así que iré a ver si encontramos alguna respuesta. El script es bastante engorroso de analizar. Lo raro es que a veces produzca errores y a veces no.

Hasta ahora, no encuentro un motivo aparente o evidente.

ıooopuɐuɹǝɟ  

Pasaba a avisártelo.

Página 1: 5 posts correctamente.
Página 2: 5 posts también, pero los 2 primeros son los 2 últimos de la página anterior.
Página 3: 5 posts. Los 2 últimos los 2 primeros de la 2da.

Conclusión: en tres páginas he visto 11 posts, cuando debieron ser 15.

ıooopuɐuɹǝɟ  

Corrijo:

Página 3: 5 posts. Los 2 primeros los 2 últimos de la 2da. xD :$

ioh  

Si yo también he estado revisando aquí y en la página del "creador", y también se "brinca" entradas, yo creo que algo tiene mal el script.
Si llegan a "reparar" o modificar el script, les agradecería me avisarán gracias!!!

JMiur  

Lo he estado mirando, Fernando y aquí, en las 3 primeras páginas veo el orden correcto ... esto me supera :D

ıooopuɐuɹǝɟ  

Depende del estado de ánimo del script, JMiur. Contigo se porta bien. :D

JMiur  

¿Será eso? Me he pasado dos horas leyéndolo y no logro ver nada extraño aunque claro, hay cosas queno termino de comprender. Seguiré pendiente del sitio original a ver si aparece algon nuevo.

ıooopuɐuɹǝɟ  

No me suena lógico tampoco, así que lo volveré a copiar; quizás moví algo en el código.

Paula  

Hola Jmiur, disculpa la demora en responderte.
Reemplacé el código que me dijiste pero no me resultó :(
Pero veo que están teniendo algunas complicaciones con el script, que ahora que me fijo bien, tambien las tengo.

Por ahora lo voy a sacar de mi blog, muchas gracias e todas formas :D

Saludos!

Opcionez  

Nuevamente recurro a tu ayuda después de estarle moviendo 2 días. La cosa es que al avanzar, los cuadros se hacen mas grandes y queda cortado, existe la manera de solucionar eso?

aqui la imagen para explicarme mejor.

JMiur  

Opcionez:

Eso ocurre porque cuando llegas a a cierta secuencia, hay más dígitos y entonces, no hay lugar para escribirlos.

1 2 3 4 5 ocupa menos lugar que
11 12 13 14 15

Vas a tener que reducir un poco el tamaño de la fuente o establecer menos entradas por página.

MALINA  

Hola, comentar que el archivo con el codigo en txt esta correcto pero el transcrito en el blog da error.

He conseguido colocarlo pero me encuentro con este problema: cuando estas en una etiqueta no lo muestra con lo cual no se puede navegar entre esas entradas, ahi alguna forma de solucionar esto?.

Gracias por tu ayuda en todo.

Opcionez  

Listo JMiur: lo reduje a 4 entradas, para que todo va bien.

JMiur  

Malina: sí eso de las transcripciones es un problema y por eso el TXT. Aunque lo he copaido y pegado directamente y funciona, en otros da error y no se por qué.

Lo de las etiquetas, me gustaría verlo online para ver si logro entender el problema pero no se en cual blog está visible.

Opcionez: me alegro que se solucionara. Todo irá bien hasta que llegues a las 100 páginas :D

Rudy Spillman  

JMiur:

Posees, creo, el mejor blog en la materia. Reúne la más actualizada información, bien explicada y una fácil, rápida y cómoda navegación.
Acabo de suscribirme.
Mis felicitaciones y éxitos.
Rudy

HaCk CrAcK  

Jmiur, hice esto y me salio todo bien. El unico problema es que cuando voy a ver en la pagina siguiente para ver los demas post, me muestra los dos ultimos, pero se saltea algunos post y no me los muestra. Que puedo hacer o que hice mal?

JMiur  

Rudy: me alegro que te haya parecido útil. Te agradezco mucho el comentario.

HaCk CrAcK: Como se ve en los comentarios, en algunos casos, parece un problema insoluble y un poco aleatrorio pero, de todas maneras, lo primero que hay que verificar es que la cantidad de post por página que mostramos con el script sea el mismo que tenemos en la Configuración de Blogger; sino, en la primera página se mostrará esto último y luego, el cálculo será equivocado.

HaCk CrAcK  

Huy buenisimo, modifique la confguracion de blogger como me dijiste y quedo solucionado.
Gracias che, siempre estas cuando uno te necesita.
Podes empesar a cobrar por las respuestas y te llenas de plata $$$...jajaja

JMiur  

Me alegro que se resolviera.

PD: Envio la factura por mail :D

Sharck_Bloody  

Hola, antes quiero aclarar que tu ejemplo esta copiado y sin ninguna modificacion (exepto que cambie la cantidad de post a mostrar a dos, para que coinsida con la de blogger), ademas use lo del txt, aun asi, al hacer click en el numero dos, o en siguiente, no se muestra ningun post, aunque si se hace click en el numero uno, si se muestran los dos primeros post, el ejemplo esta implementado en la plantilla.

Pd: mira el blog con firefox, sino se vera fatal.

Sharck_Bloody  

Hola de nuevo, agregue un post nuevo para ver que pasaba y magicamente se arreglo, bueno ahora me queda modificarle el css para que combine, muchisimas grasias por tu dedicacion.

Opcionez  

JMiur #120: No me resistí a probar e intentar llegar a las 100 paginas, pero solo llegué hasta la 76. :P

JMiur  

Jajajajaja. ¡Qué paciencia! :D

Sharck_Bloody  

Hola, cuando te refieres a navegacion por etiquetas te refieres cuando estas en este tipo de paginas:

http://tu blog.blogspot.com/search/label/nombre de la etiqueta

Porque si es asi, si que funciona...

Pd: si eso no es navegacion por etiquetas, ¿que es navegacion por etiquetas?

JMiur  

Eso dependerá de cada plantilla y de como las maneje. En este blog, funcionará en las de la sidebar pero no si se hace click sobre las que aparecen debajo de los posts, simplemente porque en esas se usa otro hack diferente.

LaManuelaMolina  

Hola

He probado el script y, luego de ajustar algunas variables de las que aparecen en los comentarios, me ha quedado relativamente bien

Lo único que me falta es que el texto y los números queden en negrita ¿como podría hacerlo por favor?

Gracias por el post y por responder tan amablemente.

JMiur  

LaManuelaMolina:

Deberías agregar algunas propiedades CSS para eso. Justo antes de &lt/b;skin>

.showpagePoint { }
.showpage a { }
.showpageNum a { }

La primera es para el número de página actual
La segunda para los textos
La tercera para los otros números actual

En todas o en cualquiera puedes ponerlo en negritas, por ejemplo:

.showpageNum a {font-weight:bold;}

LaManuelaMolina  

Muchísimas Gracias por responder, pero resulta que en ninguna parte de la platilla he encontrado alguno de estos codigos

.showpagePoint { }
.showpage a { }
.showpageNum a { }

De cualquier manera, he notado que si agrando la fuente no me va a entrear como corresponde, creo que lo dejaré como está

Gracias de nuevo

JMiur  

Justamente por eso, debes agregarlas:

"Deberías agregar algunas propiedades CSS para eso. Justo antes de </b;skin>"

LaManuelaMolina  

Ahora entiendo, JMiur. Gracias x los consejos y perdón por la ignorancia: si querés ver como va mo blog podés hacerlo en http://lamanuelaonline.blogspot.com/

Por el momento estoy resolviendo porque no se muestran los post después de la pagina 10, pero ya lo lograré

JMiur  

No hay problema :D

Me temo que el script debe tener algo que no termino de comprender y a veces no funciona correctamente aunque no tengo idea por qué ocurre.

Fernando Alayo Orbegozo  

JMiur, excelente como siempre.

Hice todo cómo lo explicaste, pero por alguna razón, la paginación sólo sale desde la 2da página.

Por favor, ayudame!!!!

Mi blog es www.dospuntosyaparte.com

GRACIAS

JMiur  

Fernando:
Creo entender cuál es el problema y es bueno haberlo visto. El script está pensado para dominios en blogspot.com y detecta la primera página usando ese dominio. como tu sitio tiene dominio propio, el script no detecta el home.

Habría que cambiar una línea del codigo y verificar si esto lo solucina porque no es algo que puedo probar online.

Casi al inicio del script dice:

var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";

En tu caso, eso debería cambiarse por:

var isFirstPage = thisUrl=="http://www.dospuntosyaparte.com/";

Fíajete si so lo resuelve. El problema está allí.

Fernando Alayo Orbegozo  

JMiur... solo te diré esto:

MUCHAS GRACIAS!

Funcionó exactamente tal cómo lo dijiste. Qué bueno que al menos los que tienen dominio propio ya puedan resolver este problema. MUCHAS GRACIAS!

JMiur  

Me alegro mucho, Fernando, lo voy a agregar al post porque es un detalle que no había tenido den cuenta.

Gracias por avisar.

Matias  

Diooooooooooossss... por que es que no andaaa¿?¿?¿?¿? Ya me estoy desesperando es inreible... Estube leyendo y releyendo todo pero parece que no hay caso...
He colocado los codigos (el tuyo de fuente Jmiur, asi como el de otros blogs que han conseguido hacer la paginacion, tambien el original) y nada...

Cambio el & por & ... y pareciera no haber fallos en la plantilla pero cuando pongo la vista previa no aparece nada! Siguen estando las imagenes que utilice para reemplazar el "Hacia Adelante" "Inicio" y "Hacia Atras"

Puede haber algun conflicto con algun escript en especial??????????? Ya no se que hacer...

Jmi una pregunta.... hace poco utilizaba un script para ver los ultimos comentarios, y creo que tenia el mismo que vos dado que un dia dejo de funcionar y cuando entre aca vi que tampoco te andaban mas... donde puedo conseguir el script ¿? Muchas gracias sos un CAAAAAAAAApooooooooooooooo

JMiur  

El hack no se ve con Vista Previa porque es un script y en modo Vista Previa los scripts no se ejecutan. Es cierto que puede haber conflictos pero, si no hay errores, guarda la plantilla y mira el blog, es la única manera de comprobarlo.

Lo de los últimos comentarios no he visto que dejara de funcionar pero, puede ser que en algún momento no lograra verse. De todas maneras, hace tiempo que lo tengo directamente colocado en la plantilla y no en un archivo externo.

El script está en este post pero, cualquier cosa, mandame un mail y te adjunto una copia.

Matias  

Jmi me parece que el problema tiene que estar relacionado (creo... :S ), con otro script o algo, dado que cuando guardo la pagina sigo sin visualizar la paginacion... siguen estando los iconos que puse para navegar por el blog.

Es raro, dado que pruebo esto mismo en un blog de pruebas y funciona perfectamente.

En mi blog "oficial" por decirlo de alguna forma tengo algunos scripts que me estan dando algunos problemitas, o q han dejado de funcionar magicamente, como el de ajaxlabels entre otros.. quiensabe puede q tenga q ver¿?

JMiur  

Si, es posible. Dime la direccion del blog para que pueda verlo online; es probable que el tema sea que algunos scripts no se cargan por algún motivo.

Luzdeluna  

Hola JMiur! hoy mirando mi categoria de música, me doy cuenta que la paginación enloquece jaja, controlandolo con el indice de editar veo que salta los post, repite post y algunos se pierden en el camino! no sé que hacer! sacarlo? antes quería consultarte el problema.
Un abrazo

JMiur  

Luz: Es algo que me reulta difícil ver porque no tengo una lista de los posts así que si hay un salto no me doy cuenta.

¿Qué hacer? Si los valores de la configuración coinciden con los del scripts no debería ocurrir (creo que tienes un valor de 20 posts por pagina) pero, he visto que, a veces pasa y nadie parece tener explicaciones.

¿Si reduces la cantidad de post por página tanto en la Configuración de Blogger como en el script pasa lo mismo?

Luzdeluna  

mirá JMiur, por ejemplo en la etiqueta Benedetti, que tengo 26 entradas,me muestra las 20 primeras pero no me da la opcion de las otras 6 que se pierden, no sale ni la 2º página, ni la flechita de página siguiente.
tengo puestas 20 entradas a mostrar igual que en la configuración.
ja! mejor dejo de controlar hasta que me digas si tiene solución!

Luzdeluna  

sorry no refresque la página y no había visto tu respuesta!! ahora veo si disminuyo las entradas.

Protegon  

JMiur, en mi caso lo único que quiero es que cada paginación me tire más de 60 entradas, o sea que cuando le das click a una etiqueta esto te lleva a la página con las entradas encontradas, pero que estas sobrepasen el límite de 20 y ahora tenga 60.

Puedes ayudarme.? :s

JMiur  

Protegon:

Hay que agregarle: ?max-results=60 al enlace de las etiquetas.

De todas formas no me parece prudente, son demasiadas entradas por página.

Protegon  

Y cual es el enlace de las etiquetas?

salu2

JMiur  

Depende de donde están. En general, tienen este formato:
<a expr:href='data:label.url'><data:label.name/></a>

y en lugar de:
expr:href='data:label.url'

hat que escribir
expr:href='data:label.url + &quot;?max-results=XX&quot;'

donde XX es la cantidad máxima a mostrar.

Protegon  

Muchas gracias lo he aplicado y me ha funcionado. Pasa que mis paginaciones no contienen toda la entrada sino solamente el título, por lo que la carga del blog no es muy excesiva.

Cada paginación es algo asi:
Crear un enlace No es muy pesado


y por eso es que no me preocupa tanto, pero es cierto lo que dice JMiur-sensei, si tienes una plantilla no modificada no debes poner más de 20 porque algunas entradas puede que tengan muchas imágenes o sean muy extensas :3

JMiur  

Si sólo muestras los títulos como en el eljemplo que me dices, no hay problema en la cantidad. Por lo que se ve, le has sacado el contenido de los posts y esos está bien porque si esa parte queda, aunque no se vean, aunque esten ocultos, se cargan igual.

Grupo Hiper  

Me salio a la primera y perfecto, como siempre muchisimas gracias metere el script e imagenes en mis archivos para no cargarte a ti, lo hare mañana.

Saludos

Soliradidad  

Hola Jmiur la paginacion me resulto fácil colocarlo se te agradece, pero he intentado quitar el fondo de color azul en donde van los números y el rectan culo y no ha resultado confirmame es con
.showpageArea {} ?

JMiur  

Sí, el fondo azul es una imagen:
.showpageArea {
background:transparent
url(http://i263.photobucket.com/albums/ii150/mohamedrias/ShowPagenavbar.jpg)
no-repeat scroll left top;

y el borde:

border:1px solid #323B3F;

Da la impresión que esta definición showpageArea está en dos lugares diferentes.

.showpageArea {
.........
}
.showpageArea a {
.........
}
.showpageArea {
.........
}
.showpageArea a {
.........
}

Al estar repetetidas, si en ambas se ponen propeidades diferentes, las primeras no se ejecutan porque son sobrescritas por las segundas.

Soliradidad  

Bueno se me ocurrió una idea la cual obvio dio resultado sin ningún inconveniente, al haber identificado cual era la imagen pude borrarla Y subir una imagen en color blanco que logro lo que yo pretendía .
nuevamente gracias JMIUR

marco  

Hola, te comento que me pareció genial la paginacion del blog, pero tngo un problema, inserte el codigo en la plantilla tal y como dijiste, y funciona, pero al probarlo, cuando avance en las paginas, note, q seguian apareciendo mas cuadros, x ejm, del 1 al 11, y la palabra anterior y siguiente como no entraban se acomodaban arriba y abajo, sin q se mantenga un solo numero d cuadros, como puedo corregir este error?,


Gracias


Marco Palacios

http://bajotumirada.blogspot.com

JMiur  

Revis que en la Configuración de Blogger (Configuracion Formato) tenga establecida la misma cantidad de entradas por página que la que colocas en el script.

Bryan  

Hola! felicidades por el blog!
Tengo una duda con el PageCount y el displayPageNum; y es que tengo 12 entradas por página en mi blog (puesto así en el PageCount y en el formato del blog), pero cuando avanzo a la segunda página para que se me muestren el resto de entradas (son unas 15-20 en total) no se me muestra ninguna, y no sé como hacer para que me vean el resto.

Saludos!

Bryan  

Me olvidé de poner mi blog, para que le eches un ojo al código a ver si he metido la gamba en algún lugar:
http://www.only2steps.blogspot.com

JMiur  

Me da la impresión que, por la cantidad de post que hay (son 16) y por la fecha en que fueron hechos los de agosto, el script no termina de hacer un cálculo muy exacto.

Podrías probar reduciendo la cantidad de posts por página.

Bryan  

Gracias ya funciona bien! me bastó, como dijiste, con reducir el número de entradas de 12 a 10 por página. Lo único malo es que desde que puse la paginación el blog ha dejado de funcionar bien en Internet Explorer, pero es un mal menor ya que la mayoría usamos Firefox y ahí funciona de maravilla :)

Saludos!

Protegon  

Pues no sé a que mayoria te refieres, porque en lo que a mi respecta yo tenia entendido que el navegador más utilizado es Internet explorer, de ninguna manera es firefox, y dejame decirte algo bryan, es importante estar revisando tu blog y probarlo tanto en opera, como en firefox tanto como en internet explorer y si puedes en google chrome y firefox de maravilla ;)

Yo mismo he notado q mi web no va en flock muy bien, pero trato de mejorar eso y corregir el error, nunca menosprecies un navegador y menos el que casi todo el mundo usa ;D

Protegon  

Por cierto por favor Jmiur pasame el link de tu script para que salgan los emoticons en los comments por favor, y que hiciste con la página ahora corre más rápido ;)

Bryan  

Ya ya, me referia a que la mayoria de los usuarios que leen mi blog habitualmente usan Firefox, jejeje.
IE si es cierto que es el mas usado, aunque pienso que tarde o temprano lo acabaran desbancando Firefox o Chrome, aunque a mi personamente no me agrada nada de nada, nunca me ha gustado, jeje.

qué insólito  

Hola. Acabo de empezar con Blogger y estoy muy contento en general, pero tengo un problema. A amigos que me tienen en su blogger como favorito, no les sale señalada mi última actualización. Cuando me han agregado les sale este texto:

"No se ha podido detectar ningún feed para esta URL. No se mostrarán ni las entradas del blog ni la hora de actualización. ¿Agregar URL de todos modos?"

Que debo hacer para conseguir que cada vez que actualice, ellos vean en el icono de mi blog que lo he hecho.

Muchísimas gracias.

JMiur  

Revisa que los feeds estén habilitados. Fijate en Configuración | Feeds.

HaCk CrAcK  

Jmiur como hago para que en ves de que desaparesca ir atras cuando no se pude (ocea cuando estas en paginacion 1) lo ponga pero que no se pueda hacer clik y que este de otro color? pude ser que fuese con alguna propiedad como disabled?.
como algo asi:
div.pagination span.disabled

JMiur  

Habría que modificar el script; he ahí el problema. La parte del CSS no es compleja pero el código del script es engorroso.

MarceloBlog  

Gracias por el email, intente el truco pero no tengo en mi plantilla el codigo

el primero q dices q busquemos


saludos y gracias por el dato muy bueno e blog

JMiur  

Deberían estar, pro lo menos, online se ve que se utilizan esos nombres. Recuerda que no debes expandir los artilugios y busca:
id='Blog1'

Eroz  

Aw me encanto la paginación mil gracias JMiur seria padrisimo que tambien funcionara en las etiquetas!!

Me encanta tu blog =)

Fernando  

Quisiera poner un color de fondo diferente.
Qué no sea Azul cielo como muestra el ejemplo, también quisiera cambiar el color de los números para que combine bien con mi plantilla.

Por cierto hay una forma de centrar los numero de navegación?

Como hago eso?
Gracias de antemano

JMiur  

Todo eso se personaliza con el CSS que muestra el post. Por ejemplo:
.showpageArea {
background: transparent url(ELFONDO) no-repeat left top;
.showpageNum a {
color:#0F0; EL COLOR DE LOS NUMEROS

MianSilord  

hola, muy buen aporte, a mi me salio bien, el problema q tengo es en los titulos como q se agrego un marco desalineado, por favor como lo elimino, please.

MianSilord  

ya lo solucione
cambie:

.showpageArea {
border:1px solid #323B3F;
color:#777777;
font-size:10px;
margin:0;
padding:5px 0;
text-align:center;
}

por:

.showpageArea {
border:1px solid #FFFFFF;
color:#777777;
font-size:10px;
margin:0;
padding:5px 0;
text-align:center;
}

Gracias de todos modos. Saludos

http://miansilord.blogspot.com

Vera  

Existe un pequeño error, que al menos a mí personalmente hace que el código no funcione.

En la línea: var isFirstPage = thisUrl=="miDominio"; hay un doble "=" que causa el error y no deja aparecer la barra. Por tanto sugiero sea modificado por

var isFirstPage = thisUrl="miDominio";

Saludos
David (http://www.verasoul.com)

Vera  

Los que tienen dominio propio pueden dejar la variable isFirstPage de la siguiente forma: var isFirstPage = thisUrl ya que la función showpagecont tiene en su comienzo esto: var thisUrl = location.href lo cual se le asigna por defecto la dirección URL de nuestro blog.

Todavía tengo algunos problemillas en cuanto a saltos de página. Espero poder resolver.

Saludos.

JMiur  

Vera:

Hast donde yo entiendo:

var isFirstPage = thisUrl=="miDominio";
no produce un error, el signo de doble igual evalua una condición lo que dará como resultado:
isFirstPage = TRUE si es el home o bien isFirstPage = FALSE si no lo es. Eso es lo que se evalua más tarde en el código, si la variable es veradera o falsa.

El código:
var isFirstPage = thisUrl="miDominio";
no realiza esa evaluación y la variable isFirstPage siempre tendrá el valor "miDominio"

Enri  

Hola a todos !!

Estoy aprendiendo un montón pero cuando alguien iba a explicar lo de verse los números de las primeras y de las últimas páginas separados con puntos suspensivos ... se cortó la conversación. ¿Alguna alma cándida me podría decir que debo añadir?. Muchas gracias. Enri.

JMiur  

No sé cómo se haría eso así que, también espero almas cándidas :D

Enri  

Hola JMiur, gracias por molestarte y responderme. Aunque no sepamos como aparecen los puntos suspensivos, ¿como ver el numerito en el recuadro de las 3 primeras y las 3 últimas y así saber de cuantas páginas cuenta el blog?

Gracias anoder taim.

JMiur  

Es eso justamente lo que no parece poder saberse o por lo menos, es lo que no tengo idea de como resolverlo.

Enri  
Este comentario ha sido eliminado por el autor.
Enri  
Este comentario ha sido eliminado por el autor.
JMiur  

Gracias, Enri, por la información doble :D

Miraré el enlace y lo otro ya está en vias de solución, he eliminado el mensaje falso y por cierto, jamás comento sin estar logueado; lo digo por una respuesta que está firmada con mi nombre y jamás escribí. Eso es realmente tonto XD

Enri  

Hola JMiur:

Siento el tono y las palabras de mi post pero me revienta que gente aproveche el interés y esfuerzo de los demás para crear situaciones incómodas.

Sigo investigando y ya diré algo. Gracias perdóname el calentón.

JMiur  

No te preocupes, Enri, la reacción es perfectamente entendible así que la disculpa es innecesaria :)

MianSilord  

esta paginacion la pude instalar bien en mi blog, pero tiene ERRORES!!, el problema q tengo es q aveces no reconoce todos los post y los oculta, o tambien al cambiar de pagina los repite, ¿tiene solucion esto?es una desventaja, ¿sera por eso q quitaron la paginacion en este blog?.

MianSilord  

tiene errores esta paginacion, no reconoce algunos post y tambien en varios casos los repite, ¿tiene solucion esto?. espero q si pero tambien. ¿sera por eso q quitaron la paginacion de este blog?

JMiur  

Aquí lo saqué porque sólo funcioan hasta 500 posts, esa es una limitación del porpio Json y en mic caso, al habr más posts, el problema es insoluble.

hasta ese bvalor no había problemas siempre que la cantidad definida en la Configuraciòn fuera la misam que la definida en el script. De todas manera, si se ven los comentarios, ha habido caso que parecía no funcionar o lo hacía mal.

Quique  

Hola JMiur; he introducido el código pero como si no hubiese hecho nada. He seguido tus instrucciones al detalle, lo he repasado un montón veces y todo sigue igual como al principio: sin ningún cambio aparente. Por lo tanto, cuando hago clic sobre alguna etiqueta me salen siempre todas las entradas en la misma página.

Tal vez este código no funcione en mi blog (lo he modificado bastante siguiendo consejos y trucos de aquí y de allá). El caso es que mi blog podria funcionar perfectamente sin paginación. Me conformaría con que sólo se mostrasen unas cuantas entradas, las más recientes tal y como está determinado en "Configuración/Formato/Mostrar (x) entradas", pero acabo de descubrir que esta característica sólo funciona en la "Página Principal".

¿Existe alguna manera de modificar esto? Quiero decir que: ¿Es posible que los datos introducidos en "Configuración/Formato/Mostrar (x) entradas" afecta tanto a la "Página Principal", como a las "Etiquetas" o al "Archivo del Blog". Sería un apaño que me vendría muy bien.

Gracias. Un saludo.

JMiur  

Sí y no. Eso es posible hacerlo con las etiquetas o incluso con las búsquedas pero, con los archivos mensuales muestra el mes completo.

En las etiquetas, dependerá del código de la plantilla pero, en general dicen algo así:

<a expr:href='data:label.url' rel='nofollow'><data:label.name/></a>

Hay que cambiar esta parte:

expr:href='data:label.url'

por esto:

expr:href='data:label.url + &quot;?max-results=5&quot;'

Quique  

No tengo con suerte con esto. Gracias por la ayuda pero no me funciona. Algo haré mal porque hasta lo más sencillo me falla,, como por ejemplo, lo de cambiar el interlineado de un post:

Según he leido por ahí se debería cambiar introduciendo un código de este tipo:

.post-body {
line-height: 1.7em;
}

¡Pero a mi no me funciona macho!. ¡Ay que joderse!

Muchas gracias por todo.
Un saludo y enhorabuena por tu blog.

pikachu  

OLA POR KE COÑO NO SE PUEDE ENTRAR EN MI BLOG PARA Q LA GENTE AGA COMENTARIOS Y SE AGA SEGUIDOR COMO COÑO EN A VE SI SE PODEIS METE USTEDES
AAQUI LO DEJO http://elblogdejente.blogspot.com/

JMiur  

pikachu:
No veo problemas en tu blog, se accede y se puede comentar tranquilamente.

Jessica  

Hola! Tremendo blog! me encanta! ..pero me siento una tonta...he tratado varias hrs con el código que das, y nada. Es frustrante, como sabrás.

Me gusta mucho el estilo que usas en esta pagina "hacia delante-inicio-hacia atras" con los iconos. Seria posible que me dijeras la forma mas ssencilla de hacer eso? Puedo usar tu codigo? como modifico los iconos con los mios propios? Ayudame, plis!!

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Todos los archivos y demos alojados en Fileden han sido redireccionados y deberían estar funcionando correctamente.
De todos modos, también puede accederse a ellos a través de SkyDrive

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR