Espero que este blog ayude a aquellos que están buscando conocimientos, al igual que yo.
Sígueme en:
Blogger Google+ facebook twitter you yube Ver perfil en Linkedin Agregar a Favoritos/Marcadores
pica pica curioso Mi Ping en TotalPing.com Buscar en el blog
Cerrar X Bienvenido amig@!!! Recuerda que puedes recibir las actualizaciones del blog a través de Facebook y/o Twitter, o Suscríbase al Feed vía RSS o vía Email.

Siempre, Siempre, Siempre, antes de modificar tu plantilla guarda una copia.

Descarga la plantilla o copias el código en el bloc de notas.

¿Que es RSS?:

RSS (Really Simple Syndication)

Es un sistema que nos permite enterarnos de las actualizaciones de las paginas que visitamos frecuentemente, sin tener que visitarlas directamente.

¿Cómo funciona?

Así cómo para poder leer correos electrónicos tenemos que tener una cuenta y un lector de correo electrónico, para poder leer nuestras paginas en RSS tenemos que tener un lector de RSS.
Existen muchos lectores de RSS pero uno de los mas sencillos de usar y mas utilizados por todos es el Google Reader, este lector se encarga de agrupar todos los sitios que visitamos frecuentemente mostrándonos la actualización que cada sitio tiene sin necesidad de ir a visitarlos.
Antes yo entraba a los sitios a mirar si habían publicado algo nuevo, ahora mediante los RSS cuando el sitio publica algo nuevo me llega su actualización.

Sencillo, rápido y útil.
votar
Achicar Entrada Agrandar Entrada

Aviso!!! Este código lee solo hasta las ultimas 500 entradas.

Nuevo código mejorado: Numerar páginas en Blogger.


Ir a Diseño, Edición de HTML y justo arriba de ]]></b:skin>

Poner el siguiente código CSS:

/* Contenedor */

.showpageArea a {
text-decoration:underline;
background: #ffffff;
padding: 10px 10px 10px 10px;
font-size:11px;
font-weight:bold;
}

/* Rectangulos */

.showpageNum a {
text-decoration:none;
border: 1px solid #9aafe5;
margin:0 1px;
padding:3px 4px;
}

/* Rectangulos al pasar el ratón */

.showpageNum a:hover {
border: 1px solid #9aafe5;
background-color:#33CCFF;
color:#fff
}

/* Página activa */

.showpagePoint {
color:#fff;
text-decoration:none;
border: 1px solid #2e6ab1;
background: #2e6ab1;
margin:0 1px;
padding:3px 4px;
font-size:11px;
font-weight:bold;
}

/* Texto total de páginas */

.showpageOf {
text-decoration:none;
padding:3px 4px;
margin: 0 1px 0 0;
}

/* Anterior y Siguientes */

.showpage a {
text-decoration:none;
border: 1px solid #9aafe5;
padding:3px 4px;
}

/* Anterior y Siguientes al pasar el ratón */

.showpage a:hover {
text-decoration:none;
color: #33CCFF;
}

Les puse de que se trata cada uno para que entiendan y personalizen, cambiando los colores.


Despues van al final del blog y justo arriba de </body>

Poner el siguiente código:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=3;
var upPageWord =&#39;&#171; Anterior&#39;;
var downPageWord =&#39;Siguiente &#187;&#39;;
</script>
<script type='text/javascript'>
//<![CDATA[
function showpageCount(json){var thisUrl=home_page_url;var htmlMap=new Array();var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='';var downPageHtml='';for(var i=0,post;post=json.feed.entry[i];i++){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;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+'&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){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){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++}}}if(thisNum>1){html=''+upPageHtml+' '+html+' '}html='<div class="showpageArea" style="padding:10px 10px 10px 10px;"><span style="COLOR: #2e6ab1;" class="showpageOf"> Total: ('+(postNum-1)+')</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';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}}function showpageCount2(json){var thisUrl=home_page_url;var htmlMap=new Array();var isLablePage=thisUrl.indexOf("/search/label/")!=-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 labelHtml='<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';var thisUrl=home_page_url;for(var i=0,post;post=json.feed.entry[i];i++){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum++;htmlMap[htmlMap.length]='/search/label/'+thisLable+'?updated-max='+timestamp+'&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){upPageHtml=labelHtml+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){html=labelHtml+'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++}}}if(thisNum>1){if(!isLablePage){html=''+upPageHtml+' '+html+' '}else{html=''+upPageHtml+' '+html+' '}}html='<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';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}}var home_page_url=location.href;var thisUrl=home_page_url;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}var home_page="/";if(thisUrl.indexOf("?q=")==-1){if(thisUrl.indexOf("/search/label/")==-1){document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')}}
//]]>
</script></b:if></b:if>

Adaptamos los siguientes datos:

var pageCount=5; : Números de entradas mostradas por página. ( IMPORTANTE!! tiene que ser la misma configurada en el blog la que muestra la cantidad de entradas por página )

var displayPageNum=3; : Números de cuadraditos que se mostrán por delante y detrás de la página activa.


var upPageWord ="'« Anterior'; : Texto del botón de las páginas anteriores.
var downPageWord ='Siguiente »'; : Texto del botón de las páginas siguientes.

Leer Importante... Comentar esta entrada ▼ Ir al principio de la entrada
LoiS dijo...

No funciona...
Después de pegar el 2º código antes de la etiqueta /body (en la parte de abajo del blog que quiera). Y no me funciona...

Ministerio" KEDUSHA" dijo...

LO PUSE EN MI BLOG PERO NO ME SALE LOS CUADRADITOS, POR FAVOR DIME PORQUE TE DEJO MI BLOG PARA QUE TE DES CUENTA http://vengopronto-atalayasdecristo.blogspot.com/

Vku dijo...

Ministerio" KEDUSHA" donde pusistes el código, en tu blog no esta puesto.

teofermi dijo...

Hola Vku, yo tenia la paginacion puesta antes pero tenia un problema, asi que la he eliminado y he seguido tus explicaciones en esta entrada, pero sigo teniendo un problemilla, te cuento, no me corresponden las entradas con las paginas, me explico, llego a la ultima pagina y se me quedan un monton sin mostrar, he puesto el mismo numero donde tu dices var pageCount= 18 y el Número de entradas en la página principal tambien a 18 pero no se muestran todas y no se a que se debe este error, tambien te queria comentar unos detalles, quisiera poner en color blanco donde dice Total:...pero no encuentro donde cambiarlo y otra cosa ¿seria posible poner tambien "primera" y "ultima" al lado de anterior y siguiente?
Gracias como siempre por tu ayuda
un beso desde Almeria
teo

Vku dijo...

A ver teofermi, vamos de a una.

Primero, me parece que 18 entradas es un montón para mostrar en una página ya que enlentece mucho la carga del blog.

Por lo que he notado funciona bien de a 5, 10, 15 ... entradas.

Yo te aconsejo 5 o 10 como mucho.

A veces tiene un pequeño error al mostrar la ultima página.

Por lo que vi en tu blog muestra todo bien.

La ultima entrada es "Marrruecos atacará a España"


Para cambiar el total y el número total: ( Total: (28) )

Busca en el código <span style="COLOR: #2e6ab1;" class="showpageOf"> Total:

Cambia #2e6ab1 por #ffffff


Lo tercero se puede hacer agregando el link manualmente

Ejemplo: Primera

<a href="http://teofermi1.blogspot.com/">Primera</a>

Vku dijo...

Para primera:

Busca:

<span class="showpage"><a href="/">'+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage"><a href="'+htmlMap[p]+'">'+upPageWord+'</a>

Y cambia por esto:

<span class="showpage"><a href="/">primera</a><a href="/">'+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage"><a href="/">primera</a><a href="'+htmlMap[p]+'">'+upPageWord+'</a>

teofermi dijo...

@ Vku:
De nuevo yo Vku, he arregaldo algo pero lo del numero de entradas sigue sin mostrar el total, la primera entrada del blog es de Abril del 2010 y la paginacion solo muestra hasta Noviembre de este año, y para agregar lo de"primera" ¿es igual para agregar "ultima?¿y en que lugar pongo la ultima?

Vku dijo...

Si, es así teo.

Yo no me acordaba de que lee un máximo de 500 entradas.

Voy a tener que quitarlo en cualquier momento ya que ando por las 445 entradas.

A vos no te va a servir ya que tienes mas de 500 entradas, y no creo que haya solución.

Si encuentras algo por ahí me avisas.

teofermi dijo...

@ Vku:
Muchas gracias, eres genial, he puesto lo de "primera" pero necesito que me digas donde poner "ultima", es que soy mú torpe jajaj y lo del numero voy a ver si encuentro algo

teofermi dijo...

@ Vku:
Parece que encontré algo en Gem@ blog pero es
"Paginación con barra de scroll", seri muy bueno si pudieras adaptarlo sin el scroll, tu lo explicas bastante claro

Vku dijo...

Proba poner el link de la ultima página despues de este código:

downPageHtml}if(postNum==1)postNum++;html+='</div> ...ACÁ..... '

O

downPageHtml}if(postNum==1)postNum++;html+=' ...ACÁ..... </div>

Vku dijo...

Teo, yo no puedo hacer prubas ya que no tengo mas de 500 entradas.

Proba cambiar:

?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>

Por:

?alt=json-in-script&callback=showpageCount2&start-index=501&max-results=500" ><\/script>

Antes de hacer los cambios resparda el blog.

Me avisas si resulto, o le agrego meses o páginas.

teofermi dijo...

@ Vku
No resulto, si cambio esa linea no aparece la paginacion, no se si sera eso pero yo me referia al igual que le he agregado la pagina "primera", que tendria y donde añadiria la ultima?

teofermi dijo...

@ Vku:
es que lo que no se cual es la linea que debo añadir, las que tu me indicas si, pero la del codigo que incluya "ultima" no se cual es,¿es el mismo bloque que puse para la primera? te pido dusculpas por mi torpeza

Vku dijo...

Teo, Dame unos días que estoy probando un nuevo código, que acepta mas de 500 entradas.

Anda viendolo: http://paginacion-vku.blogspot.com/

Me falta hacerle unos cambios al código.

teofermi dijo...

@ Vku:
Muchas gracias, eso sera genial y la solucion a mis problemas jajja, avisame en cuento lo tengas listo
un beso

Si tienes alguna opinión respecto a la entrada, tienes un punto de vista distinto, o simplemente quieres saludar, te invito a que dejes un comentario. NO SE ACEPTAN LINKS DE REFERIDOS para que los comentarios no se conviertan simplemente en una forma de publicitarse.



Elegir un botón o imagen, Seleccionar, copiar (Ctrl+C) y pegar en formulario de comentarios.


Nota: solo los miembros de este blog pueden publicar comentarios.

Si no puedes comentar, intenta con el antiguo formularioO leer solución

VituaRadio
Informe Importante

Por un tiempo voy a estar sin internet, así que no voy a actualizar ni poder contestar a los comentarios.
Suscribirse a las entradas Suscribirse a las entradas vía Mail Suscribirse a los comentarios
¿Que es RSS?