Add Page Number (with First and Last Page) Navigation Link for Blogger (Blogspot) with Gadget Element and Manual Hack Añadir página Número (con primera y última página) Enlace para la navegación de Blogger (Blogspot) con Gadget Elemento y Manual Hack

Blogger free blog publishing platform uses a pretty limited navigation features that only display “Older Posts” or “Newer Posts” link to let readers navigate and browse to other pages on homepage (index), archive, category and label pages. Blogger libre publicación de blog utiliza una plataforma muy limitado de navegación características que sólo la pantalla "antiguas" o "más recientes" para dejar que los lectores navegar y navegar a otras páginas en la página principal (index), de archivo, la categoría y la etiqueta páginas. Unlike WordPress blog that supports plugin to customize the page navigation link to numbered pages listing to make it more user friendly, Blogger, whether hosted on blogspot.com or custom domain does not have such flexibility. A diferencia de WordPress blog que apoya plug-in para personalizar la página de navegación relación a la numeración de páginas lista para que sea más fácil de usar, Blogger, ya sea alojado en blogspot.com o la costumbre de dominio no tiene esa flexibilidad.

However, it’s still possible to change and replace the typical classic “Older Posts” and “Newer Posts” navigation link on Blogger blog to numbered pages navigation, as illustrated in figure below by using a CSS and JavaScript hack wrote by Mohamed Rias. Sin embargo, aún es posible cambiar y sustituir el típico clásico "Puestos de edad avanzada" y "más recientes" de navegación enlace que aparece en el blog de Blogger a la numeración de las páginas de navegación, como se ilustra en el gráfico a continuación utilizando un CSS y JavaScript hack escribió por Mohamed Rias.

As shown in image above, a navigation link consists of page numbers, first page, last page, next page and previous page (when applicable) is display on Blogger blog instead of the usual “Older Items” and “Newer Items” text links. Como se muestra en la imagen de arriba, un vínculo de navegación consta de los números de página, la primera página, la última página, la siguiente página y página anterior (cuando proceda) es mostrar el blog de Blogger en lugar de la habitual "Temas Mayores" y "Los nuevos artículos" vínculos de texto.

To add the “new” navigation link with page number to Blogger blog, simply add in a new Page Element Gadget in the Blogger. Para añadir la "nueva" de navegación con relación al número de página del blog de Blogger, basta con añadir un nuevo elemento de página en el gadget de Blogger. To do so, follow the guide below: Para ello, siga la guía a continuación:

1. Login to Ingresar a Blogger account Dashboard . cuenta Dashboard.
2. Click on the Layout link for the blog that you want to modify (if you’re viewing the blog and logged in to Blogger or Google Account, just click on Customize on the Next Blog toolbar. Haga clic en el vínculo de diseño para el blog que desea modificar (si va a ver el blog y conectado a Blogger o cuenta de Google, basta con hacer clic en Personalizar en el siguiente Blog barra de herramientas.
3. Go to Page Element tab (by default). Ir a la ficha elemento de página (por defecto).
4. Click on Add a Gadget anywhere in the layout. Haga clic en "Añadir un gadget en cualquier parte del diseño.
5. In the Add a Gadget window, select HTML/JavaScript . Añadir en la ventana de un gadget, seleccione HTML / JavaScript.
6. Add the following code into the Content text field. Agregue el siguiente código en el campo de texto de contenido. Title field can be left blank, or just type in any description such as “Page Navigation” to differentiate it from the rest of widgets. Título campo puede dejarse en blanco, o simplemente en cualquier tipo de descripción, como "Página de Navegación" para diferenciarlo del resto de widgets.
   

   <style>
   .showpageArea { . showpageArea (
   padding: 0 2px;margin-top:10px;margin-bottom:10px; padding: 0 2px; margen superior: 10px; margen-inferior: 10px;
   } )

   .showpageArea a { . showpageArea un (
   border: 1px solid #505050; frontera: sólido 1px # 505050;
   color: #000000;font-weight:normal; color: # 000000; de fuente: normal;
   padding: 3px 6px !important; padding: 3px 6px! importante;
   padding: 1px 4px ;margin:0px 4px; padding: 1px 4PX; margin: 0px 4PX;
   text-decoration: none; text-decoration: none;
   } )

   .showpageArea a:hover { . showpageArea a: hover (
   font-size:11px; font-size: 11px;
   border: 1px solid #333; frontera: sólido 1px # 333;
   color: #000000; color: # 000000;
   background-color: #FFFFFF; background-color: # FFFFFF;
   } )

   .showpageNum a { . showpageNum un (
   border: 1px solid #505050; frontera: sólido 1px # 505050;
   color: #000000;font-weight:normal; color: # 000000; de fuente: normal;
   padding: 3px 6px !important; padding: 3px 6px! importante;
   padding: 1px 4px ;margin:0px 4px; padding: 1px 4PX; margin: 0px 4PX;
   text-decoration: none; text-decoration: none;
   } )

   .showpageNum a:hover { . showpageNum a: hover (
   font-size:11px; font-size: 11px;
   border: 1px solid #333; frontera: sólido 1px # 333;
   color: #000000; color: # 000000;
   background-color: #FFFFFF; background-color: # FFFFFF;

   } )
   .showpagePoint { . showpagePoint (
   font-size:11px; font-size: 11px;
   padding: 2px 4px 2px 4px; padding: 2px 4PX 2px 4PX;
   margin: 2px; margin: 2px;
   font-weight: bold; fuente: negrita;
   border: 1px solid #333; frontera: sólido 1px # 333;
   color: #fff; color: # FFF;
   background-color: #000000; background-color: # 000000;
   } )

   .showpage a:hover { . showpage a: hover (
   font-size:11px; font-size: 11px;
   border: 1px solid #333; frontera: sólido 1px # 333;
   color: #000000; color: # 000000;
   background-color: #FFFFFF; background-color: # FFFFFF;
   } )

   .showpageNum a:link,.showpage a:link { . showpageNum a: link,. showpage a: link (
   font-size:11px; font-size: 11px;
   padding: 2px 4px 2px 4px; padding: 2px 4PX 2px 4PX;
   margin: 2px; margin: 2px;
   text-decoration: none; text-decoration: none;
   border: 1px solid #0066cc; frontera: sólido 1px # 0066cc;
   color: #0066cc; color: # 0066cc;
   background-color: #FFFFFF;} background-color: # FFFFFF;)

   .showpageNum a:hover { . showpageNum a: hover (
   font-size:11px; font-size: 11px;
   border: 1px solid #333; frontera: sólido 1px # 333;
   color: #000000; color: # 000000;
   background-color: #FFFFFF; background-color: # FFFFFF;
   } )
   </style> </ style>

   <script type=”text/javascript”> <script type="text/javascript">

   function showpageCount(json) { función showpageCount (JSON) (
   var thisUrl = location.href; thisUrl var = location.href;
   var htmlMap = new Array(); htmlMap var = new Array ();
   var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==”.blogspot.com/”; isFirstPage var = thisUrl.substring (thisUrl.length-14, thisUrl.length )==". blogspot.com / ";
   var isLablePage = thisUrl.indexOf(”/search/label/”)!=-1; isLablePage var = thisUrl.indexOf ( "/ search / etiqueta /")!=- 1;
   var isPage = thisUrl.indexOf(”/search?updated”)!=-1; isPage var = thisUrl.indexOf ( "/ búsqueda? actualizado ")!=- 1;
   var thisLable = isLablePage ? thisLable var = isLablePage? thisUrl.substr(thisUrl.indexOf(”/search/label/”)+14,thisUrl.length) : “”; thisUrl.substr (thisUrl.indexOf ( "/ search / etiqueta /") 14, thisUrl.length): "";
   thisLable = thisLable.indexOf(”?”)!=-1 ? thisLable = thisLable.indexOf ("?")!=- 1? thisLable.substr(0,thisLable.indexOf(”?”)) : thisLable; thisLable.substr (0, thisLable.indexOf ("?")): thisLable;
   var thisNum = 1; thisNum var = 1;
   var postNum=1; postNum var = 1;
   var itemCount = 0; itemCount var = 0;
   var fFlag = 0; fFlag var = 0;
   var eFlag = 0; eFlag var = 0;
   var html= ”; var = html ";
   var upPageHtml =”; upPageHtml var = ";
   var downPageHtml =”; downPageHtml var = ";

   var pageCount=5; PageCount var = 5;
   var displayPageNum=3; displayPageNum var = 3;
   var firstPageWord = ‘First’; firstPageWord var = 'Primera';
   var endPageWord = ‘Last’; endPageWord var = 'Último';
   var upPageWord =’Previous’; upPageWord var = 'Previo';
   var downPageWord =’Next’; downPageWord var = 'Next';

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

   for(var i=0, post; post = json.feed.entry[i]; i++) { para (var i = 0, puesto; puesto json.feed.entry = [i]; i + +) (
   var timestamp = post.published.$t.substr(0,10); var hora = post.published. t.substr $ (0,10);
   var title = post.title.$t; var title = post.title. $ t;
   if(isLablePage){ if (isLablePage) (
   if(title!=”){ if (título !="){
   if(post.category){ if (post.category) (
   for(var c=0, post_category; post_category = post.category[c]; c++) { para (var c = 0, post_category; post_category = post.category [c], c + +) (
   if(encodeURIComponent(post_category.term)==thisLable){ if (encodeURIComponent (post_category.term) == thisLable) (
   if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){ if (itemCount == 0 | | (itemCount% PageCount == (PageCount-1))) (
   if(thisUrl.indexOf(timestamp)!=-1 ){ if (thisUrl.indexOf (timestamp)! =- 1) (
   thisNum = postNum; thisNum = postNum;
   } )

   postNum++; postNum + +;
   htmlMap[htmlMap.length] = ‘/search/label/’+thisLable+’?updated-max=’+timestamp+’T00%3A00%3A00%2B08%3A00&max-results=’+pageCount; htmlMap [htmlMap.length] = '/ search / etiqueta /' + + thisLable? actualizado-max = '+ hora +' T00% 3A00% 3A00% 3A00% 2B08 y Max-resultados = '+ PageCount;
   } )
   } )
   } )
   }//end if(post.category){ ) / / end if (post.category) (

   itemCount++; itemCount + +;
   } )

   }else{ ) else (
   if(title!=”){ if (título !="){
   if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){ if (itemCount == 0 | | (itemCount% PageCount == (PageCount-1))) (
   if(thisUrl.indexOf(timestamp)!=-1 ){ if (thisUrl.indexOf (timestamp)! =- 1) (
   thisNum = postNum; thisNum = postNum;
   } )

   if(title!=”) postNum++; if (título! = ") postNum + +;
   htmlMap[htmlMap.length] = ‘/search?updated-max=’+timestamp+’T00%3A00%3A00%2B08%3A00&max-results=’+pageCount; htmlMap [htmlMap.length] = '/ búsqueda? actualizado-max =' + hora + 'T00% 3A00% 3A00% 3A00% 2B08 y Max-resultados =' + PageCount;
   } )
   } )
   itemCount++; itemCount + +;
   } )
   } )

   for(var p =0;p< htmlMap.length;p++){ para (var p = 0; p <htmlMap.length; p + +) (
   if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){ if (p> = (thisNum-displayPageNum-1) & & p <(thisNum + displayPageNum)) (
   if(fFlag ==0 && p == thisNum-2){ if (fFlag == 0 & & p == thisNum-2) (
   if(thisNum==2){ if (thisNum == 2) (
   if(isLablePage){ if (isLablePage) (
   upPageHtml = labelHtml + upPageWord +’</a></span>’; upPageHtml = labelHtml + upPageWord + '</ a> </ span>';
   }else{ ) else (
   upPageHtml = ‘<span class=”showpage”><a href=”/”>’+ upPageWord +’</a></span>’; upPageHtml = '<span class="showpage"> <a href="/">' upPageWord + + '</ a> </ span>';
   } )
   }else{ ) else (
   upPageHtml = ‘<span class=”showpage”><a href=”‘+htmlMap[p]+’”>’+ upPageWord +’</a></span>’; upPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">' upPageWord + + '</ a> </ span>';
   } )

   fFlag++; fFlag + +;
   } )

   if(p==(thisNum-1)){ if (p == (thisNum-1)) (
   html += ‘&nbsp;<span class=”showpagePoint”><u>’+thisNum+’</u></span>’; html + = '<span class="showpagePoint"> <u>' thisNum + + '</ u> </ span>';
   }else{ ) else (
   if(p==0){ if (p == 0) (
   if(isLablePage){ if (isLablePage) (
   html = labelHtml+’1</a></span>’; labelHtml html + = "1 </ a> </ span> ';
   }else{ ) else (
   html += ‘<span class=”showpageNum”><a href=”/”>1</a></span>’; html + = '<span class="showpageNum"> <a href="/"> 1 </ a> </ span>';
   } )
   }else{ ) else (
   html += ‘<span class=”showpageNum”><a href=”‘+htmlMap[p]+’”>’+ (p+1) +’ </a></span>’; html + = '<span class="showpageNum"> <a href="'+htmlMap[p]+'">' + (p +1) + '</ a> </ span>';
   } )
   } )

   if(eFlag ==0 && p == thisNum){ if (eFlag == 0 & & p == thisNum) (
   downPageHtml = ‘<span class=”showpage”> <a href=”‘+htmlMap[p]+’”>’+ downPageWord +’</a></span>’; downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">' downPageWord + + '</ a> </ span>';
   eFlag++; eFlag + +;
   } )
   }//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){ ) / / end if (p> = (thisNum-displayPageNum-1) & & p <(thisNum + displayPageNum)) (
   }//end for(var p =0;p< htmlMap.length;p++){ ) / / fin de (var p = 0; p <htmlMap.length; p + +) (

   if(thisNum>1){ if (thisNum> 1) (
   if(!isLablePage){ if (! isLablePage) (
   html = ‘<span class=”showpage”><a href=”/”>’+ firstPageWord +’ </a></span>’+upPageHtml+’ ‘+html +’ ‘; html = '<span class="showpage"> <a href="/">' firstPageWord + + '</ a> </ span>' + upPageHtml + '' + html + "";
   }else{ ) else (
   html = ”+labelHtml + firstPageWord +’ </a></span>’+upPageHtml+’ ‘+html +’ ‘; html = "+ labelHtml + firstPageWord + '</ a> </ span>' + upPageHtml + '' + html +" ";
   } )
   } )

   html = ‘<div class=”showpageArea”><span style=”font-size:11px;padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333; background-color: #FFFFFF;” class=”showpage”>Page ‘+thisNum+’ of ‘+(postNum-1)+’: </span>’+html; html = '<div class="showpageArea"> <span style = "font-size: 11px; padding: 2px 4PX 2px 4PX; margen: 2px 2px 2px 2px; color: # 000000; frontera: sólido 1px # 333; antecedentes - color: # FFFFFF; "class =" showpage "> Página 'thisNum + +' de '+ (postNum-1) +': </ span> '+ html;

   if(thisNum<(postNum-1)){ if (thisNum <(postNum-1)) (
   html += downPageHtml; html + = downPageHtml;
   html += ‘<span class=”showpage”><a href=”‘+htmlMap[htmlMap.length-1]+’”> ‘+endPageWord+’</a></span>’; html + = '<span class="showpage"> <a href="'+htmlMap[htmlMap.length-1]+'">' endPageWord + + '</ a> </ span>';
   } )

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

   if(isPage || isFirstPage || isLablePage){ if (isPage | | isFirstPage | | isLablePage) (
   var pageArea = document.getElementsByName(”pageArea”); var = pageArea document.getElementsByName ( "pageArea");
   var blogPager = document.getElementById(”blog-pager”); blogPager var = document.getElementById ( "blog localizador-");

   if(postNum <= 2){ if (postNum <= 2) (
   html =”; html = ";
   } )

   for(var p =0;p< pageArea.length;p++){ para (var p = 0; p <pageArea.length; p + +) (
   pageArea[p].innerHTML = html; pageArea [p]. innerHTML = html;
   } )

   if(pageArea&&pageArea.length>0){ if (pageArea & & pageArea.length> 0) (
   html =”; html = ";
   } )

   if(blogPager){ if (blogPager) (
   blogPager.innerHTML = html; blogPager.innerHTML = html;
   } )
   } )

   } )
   </script> </ script>

   <script src=”/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999″ type=”text/javascript”></script> <script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"> </ script>

7. Click Save button. Haga clic en botón "Guardar".
8. Drag and drop the newly added HTML/JavaScript gadget to directly right below the Blog Posts element. Arrastre y suelte la nueva HTML / JavaScript gadget directamente a la derecha por debajo de los elemento del blog.
9. Click on Save button to make the change effective. Haga clic en el botón "Guardar" para hacer efectivo el cambio.

For user who don’t want to use the Page Element widget or gadget, it’s possible to manually editing the HTML file, although it’s more difficult to do and should only be tried by blogger with technical expertise. Para los usuarios que no quieren utilizar el elemento de página widget o gadget, es posible editar manualmente el archivo HTML, aunque es más difícil de hacer y sólo debe ser juzgado por blogger con conocimientos técnicos.

1. Login to Ingresar a Blogger account Dashboard . cuenta Dashboard.
2. Click on the Layout link for the blog that you want to modify (if you’re viewing the blog and logged in to Blogger or Google Account, just click on Customize on the Next Blog toolbar. Haga clic en el vínculo de diseño para el blog que desea modificar (si va a ver el blog y conectado a Blogger o cuenta de Google, basta con hacer clic en Personalizar en el siguiente Blog barra de herramientas.
3. Go to Edit HTML tab (there is no need to expand widget templates). Ir a la pestaña Edición de HTML (no hay necesidad de ampliar las plantillas de widgets).
4. Search for the following line: ]]></b:skin> Buscar la siguiente línea: ]]></b:skin>
5. Copy the following CSS code and paste or append the code above the line: Copie el siguiente código CSS y pegar o adjuntar el código por encima de la línea:

   .showpageArea {
padding: 0 2px;margin-bottom:10px;margin-top:10px;
}

   .showpageArea a {
border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}

   .showpageArea a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

   .showpageNum a {
border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}

   .showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

   .showpagePoint {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #333;
color: #fff;
background-color: #000000;
}

   .showpage a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

   .showpageNum a:link,.showpage a:link {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;
}

   .showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

6. Next, search for the following line of code in the template’s HTML code: A continuación, busque la siguiente línea de código en la plantilla del código HTML:

   <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>

   Note: The ‘no’ after “showaddelement” can be ‘yes’ for some bloggers. Nota: El "no" después de "showaddelement" puede ser "sí" para algunos usuarios de Blogger.

7. Add and append the following JavaScript code right after the </b:section> line: Añadir y anexar el siguiente código JavaScript justo después de la </ b: en la sección> línea:
   

   &lt;script type=&quot;text/javascript&quot;&gt; <script type="text/javascript">

   function showpageCount(json) { función showpageCount (JSON) (
   var thisUrl = location.href; thisUrl var = location.href;
   var htmlMap = new Array(); htmlMap var = new Array ();
   var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==&quot;.blogspot.com/&quot;; isFirstPage var = thisUrl.substring (thisUrl.length-14, thisUrl.length )==". blogspot.com / ";
   var isLablePage = thisUrl.indexOf(&quot;/search/label/&quot;)!=-1; isLablePage var = thisUrl.indexOf ( "/ search / etiqueta /")!=- 1;
   var isPage = thisUrl.indexOf(&quot;/search?updated&quot;)!=-1; isPage var = thisUrl.indexOf ( "/ búsqueda? actualizado ")!=- 1;
   var thisLable = isLablePage ? thisLable var = isLablePage? thisUrl.substr(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.length) : &quot;&quot;; thisUrl.substr (thisUrl.indexOf ( "/ search / etiqueta /") 14, thisUrl.length): "";
   thisLable = thisLable.indexOf(&quot;?&quot;)!=-1 ? thisLable = thisLable.indexOf ("?")!=- 1? thisLable.substr(0,thisLable.indexOf(&quot;?&quot;)) : thisLable; thisLable.substr (0, thisLable.indexOf ("?")): thisLable;
   var thisNum = 1; thisNum var = 1;
   var postNum=1; postNum var = 1;
   var itemCount = 0; itemCount var = 0;
   var fFlag = 0; fFlag var = 0;
   var eFlag = 0; eFlag var = 0;
   var html= &#39;&#39;; html var ='';
   var upPageHtml =&#39;&#39;; upPageHtml var ='';
   var downPageHtml =&#39;&#39;; downPageHtml var ='';

   var pageCount=5; PageCount var = 5;
   var displayPageNum=3; displayPageNum var = 3;
   var firstPageWord = &#39;First&#39;; firstPageWord var = 'Primera';
   var endPageWord = &#39;Last&#39;; endPageWord var = 'Último';
   var upPageWord =&#39;Previous&#39;; upPageWord var = 'Previo';
   var downPageWord =&#39;Next&#39;; downPageWord var = 'Next';

   var labelHtml = &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;/search/label/&#39;+thisLable+&#39;?&amp;max-results=&#39;+pageCount+&#39;&quot;&gt;&#39;; labelHtml var = '<span class="showpageNum"> <a href = "/ search / etiqueta /' + + thisLable"? & Max-resultados = & # 39; + PageCount +'">';

   for(var i=0, post; post = json.feed.entry[i]; i++) { para (var i = 0, puesto; puesto json.feed.entry = [i]; i + +) (
   var timestamp = post.published.$t.substr(0,10); var hora = post.published. t.substr $ (0,10);
   var title = post.title.$t; var title = post.title. $ t;
   if(isLablePage){ if (isLablePage) (
   if(title!=&#39;&#39;){ if (título !=''){
   if(post.category){ if (post.category) (
   for(var c=0, post_category; post_category = post.category[c]; c++) { para (var c = 0, post_category; post_category = post.category [c], c + +) (
   if(encodeURIComponent(post_category.term)==thisLable){ if (encodeURIComponent (post_category.term) == thisLable) (
   if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){ if (itemCount == 0 | | (itemCount% PageCount == (PageCount-1))) (
   if(thisUrl.indexOf(timestamp)!=-1 ){ if (thisUrl.indexOf (timestamp)! =- 1) (
   thisNum = postNum; thisNum = postNum;
   } )

   postNum++; postNum + +;
   htmlMap[htmlMap.length] = &#39;/search/label/&#39;+thisLable+&#39;?updated-max=&#39;+timestamp+&#39;T00%3A00%3A00%2B08%3A00&amp;max-results=&#39;+pageCount; htmlMap [htmlMap.length] = '/ search / etiqueta /' + + thisLable? actualizado-max = '+ hora +' T00% 3A00% 3A00% 2B08 3A00% y máximo de resultados = '+ PageCount;
   } )
   } )
   } )
   }//end if(post.category){ ) / / end if (post.category) (

   itemCount++; itemCount + +;
   } )

   }else{ ) else (
   if(title!=&#39;&#39;){ if (título !=''){
   if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){ if (itemCount == 0 | | (itemCount% PageCount == (PageCount-1))) (
   if(thisUrl.indexOf(timestamp)!=-1 ){ if (thisUrl.indexOf (timestamp)! =- 1) (
   thisNum = postNum; thisNum = postNum;
   } )

   if(title!=&#39;&#39;) postNum++; if (título !='') postNum + +;
   htmlMap[htmlMap.length] = &#39;/search?updated-max=&#39;+timestamp+&#39;T00%3A00%3A00%2B08%3A00&amp;max-results=&#39;+pageCount; htmlMap [htmlMap.length] = '/ búsqueda? actualizado-max =' + hora + 'T00% 3A00% 3A00% 3A00% 2B08 y Max-resultados =' + PageCount;
   } )
   } )
   itemCount++; itemCount + +;
   } )
   } )

   for(var p =0;p&lt; htmlMap.length;p++){ para (var p = 0; p <htmlMap.length; p + +) (
   if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){ if (p> = (thisNum-displayPageNum-1) & & p <(thisNum + displayPageNum)) (
   if(fFlag ==0 &amp;&amp; p == thisNum-2){ if (fFlag == 0 & & p == thisNum-2) (
   if(thisNum==2){ if (thisNum == 2) (
   if(isLablePage){ if (isLablePage) (
   upPageHtml = labelHtml + upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;; upPageHtml = labelHtml + upPageWord + '</ a> </ span>';
   }else{ ) else (
   upPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;/&quot;&gt;&#39;+ upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;; upPageHtml = '<span class="showpage"> <a href="/">' upPageWord + + '</ a> </ span> »;
   } )
   }else{ ) else (
   upPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;; upPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">' + + + upPageWord # 39; </ a> </ span> ';
   } )

   fFlag++; fFlag + +;
   } )

   if(p==(thisNum-1)){ if (p == (thisNum-1)) (
   html += &#39;&amp;nbsp;&lt;span class=&quot;showpagePoint&quot;&gt;&lt;u&gt;&#39;+thisNum+&#39;&lt;/u&gt;&lt;/span&gt;&#39;; html + = '<span class="showpagePoint"> <u>' thisNum + + '</ u> </ span>' ;;
   }else{ ) else (
   if(p==0){ if (p == 0) (
   if(isLablePage){ if (isLablePage) (
   html = labelHtml+&#39;1&lt;/a&gt;&lt;/span&gt;&#39;; labelHtml html + = "1 </ a> </ span> ';
   }else{ ) else (
   html += &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;/&quot;&gt;1&lt;/a&gt;&lt;/span&gt;&#39;; html + = '<span class="showpageNum"> <a href="/"> 1 </ a> </ span>';
   } )
   }else{ ) else (
   html += &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ (p+1) +&#39; &lt;/a&gt;&lt;/span&gt;&#39;; html + = '<span class="showpageNum"> <a href="'+htmlMap[p]+'">' + (p +1) + '</ A> </ span>';
   } )
   } )

   if(eFlag ==0 &amp;&amp; p == thisNum){ if (eFlag == 0 & & p == thisNum) (
   downPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt; &lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ downPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;; downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">' + + + downPageWord # 39; </ a> </ span> ';
   eFlag++; eFlag + +;
   } )
   }//end if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){ ) / / end if (p> = (thisNum-displayPageNum-1) & & p <(thisNum + displayPageNum)) (
   }//end for(var p =0;p&lt; htmlMap.length;p++){ ) / / fin de (var p = 0; p <htmlMap.length; p + +) (

   if(thisNum&gt;1){ if (thisNum> 1) (
   if(!isLablePage){ if (! isLablePage) (
   html = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;/&quot;&gt;&#39;+ firstPageWord +&#39; &lt;/a&gt;&lt;/span&gt;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;; html = '<span class="showpage"> <a href="/">' firstPageWord + + '</ a> </ span> "UpPageHtml + + '' + html +" ";
   }else{ ) else (
   html = &#39;&#39;+labelHtml + firstPageWord +&#39; &lt;/a&gt;&lt;/span&gt;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;; html + =''labelHtml + firstPageWord + '</ a> </ span>' + upPageHtml + '' + html + ' »;
   } )
   } )

   html = &#39;&lt;div class=&quot;showpageArea&quot;&gt;&lt;span style=&quot;font-size:11px;padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333; background-color: #FFFFFF;&quot; class=&quot;showpage&quot;&gt;Page &#39;+thisNum+&#39; of &#39;+(postNum-1)+&#39;: &lt;/span&gt;&#39;+html; html = '<div class="showpageArea"> <span style = "font-size: 11px; padding: 2px 4PX 2px 4PX; margen: 2px 2px 2px 2px; color: # 000000; frontera : 1px sólidos # 333; background-color: # FFFFFF; "class =" showpage "> Página 'thisNum + +' de '+ (postNum-1) +' ;: </ Span> '+ html;

   if(thisNum&lt;(postNum-1)){ if (thisNum <(postNum-1)) (
   html += downPageHtml; html + = downPageHtml;
   html += &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[htmlMap.length-1]+&#39;&quot;&gt; &#39;+endPageWord+&#39;&lt;/a&gt;&lt;/span&gt;&#39;; html + = '<span class="showpage"> <a href="'+htmlMap[htmlMap.length-1]+'"> " ; endPageWord + + '</ a> </ span>';
   } )

   if(postNum==1) postNum++; if (postNum == 1) postNum + +;
   html += &#39;&lt;/div&gt;&#39;; html + = '</ div>';

   if(isPage || isFirstPage || isLablePage){ if (isPage | | isFirstPage | | isLablePage) (
   var pageArea = document.getElementsByName(&quot;pageArea&quot;); var = pageArea document.getElementsByName ( "pageArea");
   var blogPager = document.getElementById(&quot;blog-pager&quot;); blogPager var = document.getElementById ( "blog localizador-");

   if(postNum &lt;= 2){ if (postNum <= 2) (
   html =&#39;&#39;; html ='';
   } )

   for(var p =0;p&lt; pageArea.length;p++){ para (var p = 0; p <pageArea.length; p + +) (
   pageArea[p].innerHTML = html; pageArea [p]. innerHTML = html;
   } )

   if(pageArea&amp;&amp;pageArea.length&gt;0){ if (pageArea & & pageArea.length> 0) (
   html =&#39;&#39;; html ='';
   } )

   if(blogPager){ if (blogPager) (
   blogPager.innerHTML = html; blogPager.innerHTML = html;
   } )
   } )

   } )
   &lt;/script&gt; </ script>

   &lt;script src=&quot;/feeds/posts/summary?alt=json-in-script&amp;callback=showpageCount&amp;max-results=99999&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt; <script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"> </ script>

8. Click on Preview button to ensure that no code error been found. Haga clic en el botón "Vista previa" para garantizar que ningún código de error se encuentra. No effect on the navigation hack can be seen though. No se observó ningún efecto en la barra de navegación hack se puede ver aunque.
9. Click on Save Template to save the change. Haga clic en Guardar plantilla para guardar el cambio.

Customization and Modification Modificación y personalización

1. For user who is not using blogspot.com domain (using self-hosted domain name), modify the .blogspot.com and 14 (13 characters of domain name + 1) in the line of var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==&quot;.blogspot.com/&quot;; accordingly. Para el usuario que no utilice el dominio blogspot.com (con auto-organizada de nombres de dominio), modificar el. Blogspot.com y 14 (13 caracteres del nombre de dominio + 1) en la línea de isFirstPage var = thisUrl.substring (thisUrl.length -14, ThisUrl.length )==". blogspot.com / "; en consecuencia.
2. The value in the line of var pageCount =5; determines the number of posts to be shown on each page. El valor en la línea de PageCount var = 5; determina el número de puestos que se muestran en cada página.
3. The value in the line of var displayPageNum = 3; defines the number of page links in the navigation bar to be displayed (eg 1 - 2 - 3). El valor en la línea de displayPageNum var = 3; define el número de enlaces en la barra de navegación que se va a mostrar (por ejemplo, 1 - 2 - 3).
4. User who knows CSS and Java Script can customize the code to their likings. Usuario que sabe CSS y Java Script puede personalizar el código a sus gustos.

Source 1 Fuente 1 and y Source 2 Fuente 2

IMPORTANT : This is a machine translated page which is provided "as is" without warranty. IMPORTANTE: Esta es una máquina traducido la página que se proporciona "TAL CUAL" SIN GARANTÍA. Machine translation may be difficult to understand. La traducción automática puede ser difícil de entender. Please refer to Por favor, consulte original English article artículo original Inglés whenever possible. siempre que sea posible.

Share and contribute or get technical support and help at Compartir y contribuir o recibir apoyo técnico y ayuda en My Digital Life Forums Mi vida digital foros .

Related Articles Artículos relacionados

• Workaround to Add Custom Channels into Blogger AdSense Page Element Widget Solución para añadir canales personalizados de AdSense en Blogger elemento de página widget
• Blogger (at BlogSpot) with Category Labels and Drag-and-Drop Template Editing Out of Beta Blogger (en BlogSpot) con la categoría de etiquetas y de arrastrar y colocar la plantilla de Edición de salida de Beta
• Remove Microsoft Word Manual Formatting or Copied Formatting from External Source Eliminar Manual de Microsoft Word o copiado de formato de formato de fuente externa
• Trick to Add AdSense, AdBrite and Other JavaScript Ad Code Directly to Blogger HTML Template Truco para añadir AdSense, AdBrite y otros JavaScript código de anuncios directamente a Blogger HTML plantilla
• New Blogger with Category (Labels) and Instant Publishing Features plus New Templates Nueva versión de Blogger con la categoría (etiquetas) y la publicación instantánea Características más nuevas plantillas
• View Locked Orkut Album Hack Ver álbum orkut bloqueado Hack
• Manual Setting on White Balance Ajuste manual sobre el balance de blancos
• Manual and Clean Uninstall Oracle for Windows Manual y limpio de desinstalación de Oracle para Windows
• Check Future Page Rank Across Google Servers Comprobar Page Rank futuro a través de los servidores de Google
• How to Wrap AdSense Ads Around and Inline Beside Blogger Post Content Cómo envolver alrededor de los anuncios de AdSense en línea y al lado de Blogger contenido

This entry was posted on Sunday, October 19th, 2008 at 4:14 am and is filed under Esta entrada fue publicada el domingo, 19 de octubre, de 2008 a 4:14 am y se presenta bajo Weblogs Weblogs . . You can follow any responses to this entry through the Puedes seguir las respuestas a esta entrada a través de la RSS 2.0 RSS 2.0 feed. You can los piensos. Puede leave a response dejar una respuesta , or , O trackback TrackBack from your own site. desde su propio sitio.