Add Page Number (with First and Last Page) Navigation Link for Blogger (Blogspot) with Gadget Element and Manual Hack Aggiungi il numero di pagina (con prima e ultima pagina) Link per navigazione di Blogger (Blogspot), con gadget di elementi e manuale 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 libera piattaforma di pubblicazione blog utilizza una navigazione piuttosto limitata caratteristiche che solo lo schermo "Post più vecchi" o "Post più recenti" link per permettere ai lettori navigare e navigare ad altre pagine sulla home page (indice), di archivio, di categoria e con l'etichetta pagine. 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 differenza di WordPress blog che supporta plugin per personalizzare la pagina di navigazione link a pagine numerate lista per renderla più user friendly, di Blogger, se ospitato su blogspot.com o dominio personalizzato non dispone di tale flessibilità.

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. Tuttavia, è ancora possibile modificare e sostituire il classico tipico "Post più vecchi" e "Post più recenti" link di navigazione del blog su Blogger per le pagine numerate navigazione, come illustrato nella figura qui sotto utilizzando un CSS e JavaScript hack scritto da 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. Come mostrato nella immagine sopra, un link di navigazione consiste di numeri di pagina, prima pagina, ultima pagina, pagina successiva e pagina precedente (se applicabile) è la visualizzazione su blog di Blogger, invece del solito "I vecchi oggetti" e "nuovi elementi" collegamenti di testo.

To add the “new” navigation link with page number to Blogger blog, simply add in a new Page Element Gadget in the Blogger. Per aggiungere il "nuovo" navigazione legame con numero di pagina di blog di Blogger, è sufficiente aggiungere un nuovo elemento pagina del gadget in Blogger. To do so, follow the guide below: Per farlo, seguire la guida qui di seguito:

1. Login to Accedi a Blogger account Dashboard . conto 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. Fare clic sul collegamento Layout per il blog che si desidera modificare (se si sta visualizzando il blog e registrato a Blogger o account Google, è sufficiente fare clic su Personalizza sulla barra degli strumenti Blog successivo.
3. Go to Page Element tab (by default). Vai a pagina Elemento scheda (di default).
4. Click on Add a Gadget anywhere in the layout. Fare clic su Aggiungi un gadget in qualsiasi parte del layout.
5. In the Add a Gadget window, select HTML/JavaScript . In Aggiungi un gadget finestra, selezionare HTML / JavaScript.
6. Add the following code into the Content text field. Aggiungere il seguente codice contenuto nel campo di testo. Title field can be left blank, or just type in any description such as “Page Navigation” to differentiate it from the rest of widgets. Titolo campo può essere lasciato vuoto, o semplicemente in qualsiasi tipo di descrizione come "Pagina di navigazione" per differenziarlo dal resto del widget.
   

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

   .showpageArea a { . showpageArea uno (
   border: 1px solid #505050; border: 1px solid # 505050;
   color: #000000;font-weight:normal; color: # 000000; font-weight: 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; border: 1px solid # 333;
   color: #000000; color: # 000000;
   background-color: #FFFFFF; background-color: # FFFFFF;
   } )

   .showpageNum a { . showpageNum uno (
   border: 1px solid #505050; border: 1px solid # 505050;
   color: #000000;font-weight:normal; color: # 000000; font-weight: 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; border: 1px solid # 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; font-weight: bold;
   border: 1px solid #333; border: 1px solid # 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; border: 1px solid # 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; border: 1px solid # 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; border: 1px solid # 333;
   color: #000000; color: # 000000;
   background-color: #FFFFFF; background-color: # FFFFFF;
   } )
   </style> </ style>

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

   function showpageCount(json) { funzione showpageCount (JSON) (
   var thisUrl = location.href; var thisUrl = location.href;
   var htmlMap = new Array(); var htmlMap = new Array ();
   var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==”.blogspot.com/”; var isFirstPage = thisUrl.substring (thisUrl.length-14, thisUrl.length )==". blogspot.com / ";
   var isLablePage = thisUrl.indexOf(”/search/label/”)!=-1; var isLablePage = thisUrl.indexOf ( "/ search / etichetta /")!=- 1;
   var isPage = thisUrl.indexOf(”/search?updated”)!=-1; var isPage = thisUrl.indexOf ( "/ search? aggiornato ")!=- 1;
   var thisLable = isLablePage ? var thisLable = isLablePage? thisUrl.substr(thisUrl.indexOf(”/search/label/”)+14,thisUrl.length) : “”; thisUrl.substr (thisUrl.indexOf ( "/ search / label /") 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; var thisNum = 1;
   var postNum=1; var postNum = 1;
   var itemCount = 0; var itemCount = 0;
   var fFlag = 0; var fFlag = 0;
   var eFlag = 0; var eFlag = 0;
   var html= ”; var html = ";
   var upPageHtml =”; var upPageHtml = ";
   var downPageHtml =”; var downPageHtml = ";

   var pageCount=5; var PageCount = 5;
   var displayPageNum=3; var displayPageNum = 3;
   var firstPageWord = ‘First’; firstPageWord var = 'primo';
   var endPageWord = ‘Last’; endPageWord var = 'Ultimo';
   var upPageWord =’Previous’; upPageWord var = 'Precedente';
   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++) { for (var i = 0, post; post = json.feed.entry [i]; i + +) (
   var timestamp = post.published.$t.substr(0,10); var timestamp = post.published. t.substr $ (0,10);
   var title = post.title.$t; var title = post.title. $ t;
   if(isLablePage){ if (isLablePage) (
   if(title!=”){ if (titolo !="){
   if(post.category){ if (post.category) (
   for(var c=0, post_category; post_category = post.category[c]; c++) { for (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 / label /' thisLable + + '? aggiornato-max =' timestamp + + 'T00% 3A00% 3A00% 3A00% 2B08 & Max-risultati =' + PageCount;
   } )
   } )
   } )
   }//end if(post.category){ ) / / end if (post.category) (

   itemCount++; itemCount + +;
   } )

   }else{ else ()
   if(title!=”){ if (titolo !="){
   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 (titolo! = ") postNum + +;
   htmlMap[htmlMap.length] = ‘/search?updated-max=’+timestamp+’T00%3A00%3A00%2B08%3A00&max-results=’+pageCount; htmlMap [htmlMap.length] = '/ search? aggiornato-max =' timestamp + + 'T00% 3A00% 3A00% 3A00% 2B08 & Max-risultati =' + PageCount;
   } )
   } )
   itemCount++; itemCount + +;
   } )
   } )

   for(var p =0;p< htmlMap.length;p++){ for (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>’; html = labelHtml +'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++){ ) / / fine for (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; margin: 2px 2px 2px 2px; color: # 000000; border: 1px solid # 333; background - color: # FFFFFF; "class =" showpage "> pagina 'thisNum + +' di '+ (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”); var blogPager = document.getElementById ( "blog-pager");

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

   for(var p =0;p< pageArea.length;p++){ for (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. Clicca sul pulsante Salva.
8. Drag and drop the newly added HTML/JavaScript gadget to directly right below the Blog Posts element. Trascina e rilascia la nuova HTML / JavaScript gadget direttamente a destra sotto il post sul blog elemento.
9. Click on Save button to make the change effective. Fare clic sul pulsante Salva per rendere effettiva la modifica.

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. Per l'utente che non desidera utilizzare il widget elemento pagina o gadget, è possibile modificando manualmente il file HTML, anche se è più difficile da fare e deve essere provata da blogger con competenze tecniche.

1. Login to Accedi a Blogger account Dashboard . conto 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. Fare clic sul collegamento Layout per il blog che si desidera modificare (se si sta visualizzando il blog e registrato a Blogger o account Google, è sufficiente fare clic su Personalizza sulla barra degli strumenti Blog successivo.
3. Go to Edit HTML tab (there is no need to expand widget templates). Vai alla scheda Modifica HTML (non vi è alcuna necessità di espandere modelli widget).
4. Search for the following line: ]]></b:skin> Cerca la seguente riga: ]]></b:skin>
5. Copy the following CSS code and paste or append the code above the line: Copiare il seguente codice CSS e incollare o aggiungere il codice al di sopra della linea:

   .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: Avanti, ricerca per la seguente riga di codice nel template del codice 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: Il 'no' dopo "showaddelement" può essere 'sì' per alcuni blogger.

7. Add and append the following JavaScript code right after the </b:section> line: Aggiungi e aggiungere il seguente codice JavaScript a destra dopo il </ b: sezione> riga:
   

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

   function showpageCount(json) { funzione showpageCount (JSON) (
   var thisUrl = location.href; var thisUrl = location.href;
   var htmlMap = new Array(); var htmlMap = new Array ();
   var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==&quot;.blogspot.com/&quot;; var isFirstPage = thisUrl.substring (thisUrl.length-14, thisUrl.length )==". blogspot.com / ";
   var isLablePage = thisUrl.indexOf(&quot;/search/label/&quot;)!=-1; var isLablePage = thisUrl.indexOf ( "/ search / etichetta /")!=- 1;
   var isPage = thisUrl.indexOf(&quot;/search?updated&quot;)!=-1; var isPage = thisUrl.indexOf ( "/ search? aggiornato ")!=- 1;
   var thisLable = isLablePage ? var thisLable = isLablePage? thisUrl.substr(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.length) : &quot;&quot;; thisUrl.substr (thisUrl.indexOf ( "/ search / label /") 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; var thisNum = 1;
   var postNum=1; var postNum = 1;
   var itemCount = 0; var itemCount = 0;
   var fFlag = 0; var fFlag = 0;
   var eFlag = 0; var eFlag = 0;
   var html= &#39;&#39;; var html ='';
   var upPageHtml =&#39;&#39;; var upPageHtml ='';
   var downPageHtml =&#39;&#39;; var downPageHtml ='';

   var pageCount=5; var PageCount = 5;
   var displayPageNum=3; var displayPageNum = 3;
   var firstPageWord = &#39;First&#39;; firstPageWord var = 'primo';
   var endPageWord = &#39;Last&#39;; endPageWord var = 'Ultimo';
   var upPageWord =&#39;Previous&#39;; upPageWord var = 'Precedente';
   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 / label /' thisLable + + '? & Max-risultati = & # 39; + PageCount +'">';

   for(var i=0, post; post = json.feed.entry[i]; i++) { for (var i = 0, post; post = json.feed.entry [i]; i + +) (
   var timestamp = post.published.$t.substr(0,10); var timestamp = 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 (titolo !=''){
   if(post.category){ if (post.category) (
   for(var c=0, post_category; post_category = post.category[c]; c++) { for (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 / label /' thisLable + + '? aggiornato-max =' timestamp + + 'T00% 3A00% 3A00% 2B08 % 3A00 & Max-risultati = '+ PageCount;
   } )
   } )
   } )
   }//end if(post.category){ ) / / end if (post.category) (

   itemCount++; itemCount + +;
   } )

   }else{ else ()
   if(title!=&#39;&#39;){ if (titolo !=''){
   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 (titolo !='') postNum + +;
   htmlMap[htmlMap.length] = &#39;/search?updated-max=&#39;+timestamp+&#39;T00%3A00%3A00%2B08%3A00&amp;max-results=&#39;+pageCount; htmlMap [htmlMap.length] = '/ search? aggiornato-max =' timestamp + + 'T00% 3A00% 3A00% 3A00% 2B08 & Max-risultati =' + PageCount;
   } )
   } )
   itemCount++; itemCount + +;
   } )
   } )

   for(var p =0;p&lt; htmlMap.length;p++){ for (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;; html = labelHtml +'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++){ ) / / fine for (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; margin: 2px 2px 2px 2px; color: # 000000; frontiera : 1px solid # 333; background-color: # FFFFFF; "class =" showpage "> pagina 'thisNum + +' di '+ (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;); var blogPager = document.getElementById ( "blog-pager");

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

   for(var p =0;p&lt; pageArea.length;p++){ for (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. Fare clic sul pulsante Anteprima per garantire che nessun codice di errore stato trovato. No effect on the navigation hack can be seen though. Nessun effetto sulla navigazione hack può essere visto se.
9. Click on Save Template to save the change. Fare clic su Salva modello per salvare la modifica.

Customization and Modification Personalizzazione e Modifica

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. Per l'utente che sta utilizzando un dominio blogspot.com (con auto-ospitato nome di dominio), modificare l'. Blogspot.com e 14 (13 caratteri del nome di dominio + 1) in linea di isFirstPage var = thisUrl.substring (thisUrl.length -14, ThisUrl.length )==". blogspot.com / "; di conseguenza.
2. The value in the line of var pageCount =5; determines the number of posts to be shown on each page. Il valore in linea di PageCount var = 5; determina il numero di posti a essere indicata su ogni pagina.
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). Il valore in linea di displayPageNum var = 3; definisce il numero di pagina link nella barra di navigazione da visualizzare (ad esempio 1 - 2 - 3).
4. User who knows CSS and Java Script can customize the code to their likings. L'utente che conosce i CSS e Java Script possibile personalizzare il codice per il loro gusti.

Source 1 Fonte 1 and e Source 2 Fonte 2

IMPORTANT : This is a machine translated page which is provided "as is" without warranty. IMPORTANTE: Questa è una macchina tradotto pagina che è fornito "così come sono" senza garanzia. Machine translation may be difficult to understand. La traduzione automatica può essere difficile da capire. Please refer to Si prega di fare riferimento a original English article articolo originale in inglese whenever possible. ogniqualvolta ciò sia possibile.

Share and contribute or get technical support and help at Condividere e contribuire o ottenere supporto tecnico e contribuire a My Digital Life Forums La mia vita digitale forum .

Related Articles Articoli correlati

• Workaround to Add Custom Channels into Blogger AdSense Page Element Widget Soluzione per aggiungere i criteri personalizzati di AdSense in Blogger elemento della pagina widget
• Blogger (at BlogSpot) with Category Labels and Drag-and-Drop Template Editing Out of Beta Blogger (a BlogSpot) con Categoria Etichette e Drag-and-Drop Out Modifica modello di Beta
• Remove Microsoft Word Manual Formatting or Copied Formatting from External Source Microsoft Word rimuovere la formattazione manuale o copiato la formattazione da fonte esterna
• Trick to Add AdSense, AdBrite and Other JavaScript Ad Code Directly to Blogger HTML Template Trucco per aggiungere AdSense, AdBrite JavaScript e altri annunci direttamente il codice HTML di Blogger template
• New Blogger with Category (Labels) and Instant Publishing Features plus New Templates Nuovo Blogger con Categoria (etichette) e Instant Publishing Caratteristiche più Nuovi Modelli
• View Locked Orkut Album Hack Visualizza bloccato orkut album Hack
• Manual Setting on White Balance Impostazione manuale del bilanciamento del bianco su
• Manual and Clean Uninstall Oracle for Windows Manuale e puliti disinstallare Oracle per Windows
• Check Future Page Rank Across Google Servers Controlla futuro Page Rank attraverso i server di Google
• How to Wrap AdSense Ads Around and Inline Beside Blogger Post Content Come per avvolgere gli annunci AdSense intorno e inline accanto post contenuto di Blogger

This entry was posted on Sunday, October 19th, 2008 at 4:14 am and is filed under Questa voce è stato pubblicato Domenica, 19 Ottobre 2008 a 4:14 am ed è archiviato sotto Weblogs Weblogs . . You can follow any responses to this entry through the È possibile seguire tutte le risposte a questa entrata attraverso l' RSS 2.0 RSS 2.0 feed. You can mangimi. È possibile leave a response lasciare una risposta , or , O trackback trackback from your own site. dal tuo sito.