Add Page Number (with First and Last Page) Navigation Link for Blogger (Blogspot) with Gadget Element and Manual Hack Ajouter le numéro de page (en première et dernière pages) les liens de navigation de Blogger (Blogspot) avec l'élément du gadget et Manuel 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 blog gratuit plate-forme de publication fait appel à un assez limité fonctions de navigation, qui n'affichent que "Messages plus anciens" ou "Messages plus récents" pour laisser les lecteurs de naviguer et de naviguer vers d'autres pages sur la page d'accueil (index), d'archivage, la catégorie et le label pages. 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. Contrairement blog WordPress plugin qui prend en charge de personnaliser la page de navigation de lien vers la liste des pages numérotées afin de le rendre plus convivial, Blogger, que ce soit hébergé sur blogspot.com ou à la coutume de domaine ne dispose pas d'une telle flexibilité.

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. Toutefois, il est toujours possible de modifier et de remplacer le classique typique "Messages plus anciens" et "Messages plus récents" les liens de navigation sur le blog Blogger de pages numérotées de navigation, comme illustré dans la figure ci-dessous à l'aide d'une CSS et JavaScript hack écrit par 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. Comme le montre l'image ci-dessus, un lien de navigation se compose de numéros de page, première page, dernière page, la page suivante et page précédente (le cas échéant) est l'affichage sur Blogger blog au lieu de l'habituel "des éléments plus anciens" et "Les nouveaux éléments" liens texte.

To add the “new” navigation link with page number to Blogger blog, simply add in a new Page Element Gadget in the Blogger. Pour ajouter le "nouveau" lien de navigation avec le numéro de page de blog Blogger, il vous suffit d'ajouter dans un nouvel élément à la page du gadget dans Blogger. To do so, follow the guide below: Pour ce faire, suivez le guide ci-dessous:

1. Login to Connectez-vous à Blogger account Dashboard . compte du tableau de bord.
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. Cliquez sur le lien Mise en page pour le blog que vous souhaitez modifier (si vous consultez le blog et connecté à Blogger ou de compte Google, cliquez sur Personnaliser sur le Blog suivant barre d'outils.
3. Go to Page Element tab (by default). Aller à la page Élément de l'onglet (par défaut).
4. Click on Add a Gadget anywhere in the layout. Cliquez sur Ajouter un gadget n'importe où dans la mise en page.
5. In the Add a Gadget window, select HTML/JavaScript . Ajouter dans la fenêtre d'un gadget, sélectionnez HTML / JavaScript.
6. Add the following code into the Content text field. Ajoutez le code suivant contenu dans le champ de texte. Title field can be left blank, or just type in any description such as “Page Navigation” to differentiate it from the rest of widgets. Titre champ peut être laissé en blanc, ou tout simplement tout type de description telle que "la page de navigation" pour la différencier du reste de widgets.
   

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

   .showpageArea a { . showpageArea a (
   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! important;
   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 a (
   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! important;
   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) { fonction 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 / label /")!=- 1;
   var isPage = thisUrl.indexOf(”/search?updated”)!=-1; isPage var = thisUrl.indexOf ( "/ search? mise à jour ")!=- 1;
   var thisLable = isLablePage ? thisLable var = 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; 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 = 'Premier';
   var endPageWord = ‘Last’; endPageWord var = 'Dernier';
   var upPageWord =’Previous’; upPageWord var = 'Précédent';
   var downPageWord =’Next’; downPageWord var = 'Suivant';

   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, poste; 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 (titre !="){
   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 +'? jour-max = '+ date +' T00% 3A00% 3A00% 3A00% 2B08 & max-results = '+ PageCount;
   } )
   } )
   } )
   }//end if(post.category){ ) / / fin if (post.category) (

   itemCount++; itemCount + +;
   } )

   }else{ ) else (
   if(title!=”){ if (titre !="){
   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 (titre! = ") postNum + +;
   htmlMap[htmlMap.length] = ‘/search?updated-max=’+timestamp+’T00%3A00%3A00%2B08%3A00&max-results=’+pageCount; htmlMap [htmlMap.length] = "/ search? jour-max = '+ date +' T00% 3A00% 3A00% 3A00% 2B08 & max-results = '+ 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>’; 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)){ ) / / fin if (p> = (thisNum-displayPageNum-1) & & p <(thisNum + displayPageNum)) (
   }//end for(var p =0;p< htmlMap.length;p++){ ) / / fin 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; marge: 2px 2px 2px 2px; color: # 000000; border: 1px solid # 333; background - color: # FFFFFF; "class =" showpage "> Page" 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”); pageArea var = document.getElementsByName ( "pageArea");
   var blogPager = document.getElementById(”blog-pager”); blogPager var = 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. Cliquez sur le bouton Enregistrer.
8. Drag and drop the newly added HTML/JavaScript gadget to directly right below the Blog Posts element. Faites glisser et déposez la nouvelle HTML / JavaScript gadget directement à droite au-dessous de l'élément Messages blog.
9. Click on Save button to make the change effective. Cliquez sur le bouton Enregistrer pour rendre les changements effectifs.

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. Pour les utilisateurs qui ne veulent pas utiliser l'élément à la page widget ou gadget, il est possible d'éditer manuellement le fichier HTML, même si il est plus difficile à faire et ne devrait être jugé par un blogueur, avec une expertise technique.

1. Login to Connectez-vous à Blogger account Dashboard . compte du tableau de bord.
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. Cliquez sur le lien Mise en page pour le blog que vous souhaitez modifier (si vous consultez le blog et connecté à Blogger ou de compte Google, cliquez sur Personnaliser sur le Blog suivant barre d'outils.
3. Go to Edit HTML tab (there is no need to expand widget templates). Allez à l'onglet Modifier le code HTML (il n'est pas nécessaire de développer des modèles widget).
4. Search for the following line: ]]></b:skin> Recherche de la ligne suivante: ]]></b:skin>
5. Copy the following CSS code and paste or append the code above the line: Copiez le code CSS suivant et coller ou ajouter le code au-dessus de la ligne:

   .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: Ensuite, la recherche de la ligne de code suivante dans le modèle du code 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. Note: Le "non" après "showaddelement" peut être "oui" pour certains blogueurs.

7. Add and append the following JavaScript code right after the </b:section> line: Ajouter et ajoutez le code JavaScript suivant juste après le </ b: section> ligne:
   

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

   function showpageCount(json) { fonction 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 / label /")!=- 1;
   var isPage = thisUrl.indexOf(&quot;/search?updated&quot;)!=-1; isPage var = thisUrl.indexOf ( "/ search? mise à jour ")!=- 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 / 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; 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 = 'Premier';
   var endPageWord = &#39;Last&#39;; endPageWord var = 'Dernier';
   var upPageWord =&#39;Previous&#39;; upPageWord var = 'Précédent';
   var downPageWord =&#39;Next&#39;; downPageWord var = 'Suivant';

   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-results = & # 39; + PageCount +'">';

   for(var i=0, post; post = json.feed.entry[i]; i++) { for (var i = 0, poste; 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 (titre !=''){
   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 +'? jour-max = '+ date +' T00% 3A00% 3A00% 2B08 3A00% et max-results = '+ PageCount;
   } )
   } )
   } )
   }//end if(post.category){ ) / / fin if (post.category) (

   itemCount++; itemCount + +;
   } )

   }else{ ) else (
   if(title!=&#39;&#39;){ if (titre !=''){
   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 (titre !='') 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? jour-max = '+ date +' T00% 3A00% 3A00% 3A00% 2B08 & max-results = '+ 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;; 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)){ ) / / fin if (p> = (thisNum-displayPageNum-1) & & p <(thisNum + displayPageNum)) (
   }//end for(var p =0;p&lt; htmlMap.length;p++){ ) / / fin 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; marge: 2px 2px 2px 2px; color: # 000000; frontière : 1px solid # 333; background-color: # FFFFFF; "class =" showpage "> Page" 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;); pageArea var = document.getElementsByName ( "pageArea");
   var blogPager = document.getElementById(&quot;blog-pager&quot;); blogPager var = 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. Cliquez sur le bouton Aperçu de veiller à ce que pas de code d'erreur été trouvé. No effect on the navigation hack can be seen though. Pas d'effet sur le hack de navigation peut être considérée si.
9. Click on Save Template to save the change. Cliquez sur Enregistrer le modèle pour enregistrer la modification.

Customization and Modification Personnalisation et modification

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. Pour l'utilisateur qui est de ne pas utiliser de domaine blogspot.com (à l'aide de l'auto-organisée nom de domaine), de modifier le. Blogspot.com et 14 (13 caractères du nom de domaine + 1) dans la ligne de isFirstPage var = thisUrl.substring (thisUrl.length -14, ThisUrl.length )==". blogspot.com / "; en conséquence.
2. The value in the line of var pageCount =5; determines the number of posts to be shown on each page. La valeur dans la ligne de PageCount var = 5; détermine le nombre de postes à être indiquée sur chaque page.
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). La valeur dans la ligne de displayPageNum var = 3; définit le nombre de liens vers des pages dans la barre de navigation qui apparaît (par exemple: 1 - 2 - 3).
4. User who knows CSS and Java Script can customize the code to their likings. L'utilisateur qui sait CSS et Java Script est possible de personnaliser le code à leurs penchants.

Source 1 Source 1 and et Source 2 Source 2

IMPORTANT : This is a machine translated page which is provided "as is" without warranty. IMPORTANT: Il s'agit d'une machine qui traduit la page est fourni "tel quel" sans garantie. Machine translation may be difficult to understand. La traduction automatique mai être difficile à comprendre. Please refer to S'il vous plaît se référer à original English article article original en anglais whenever possible. chaque fois que possible.

Share and contribute or get technical support and help at Partager et de contribuer ou obtenir un appui technique et aider à My Digital Life Forums Ma vie numérique forums .

Related Articles Related Articles

• Workaround to Add Custom Channels into Blogger AdSense Page Element Widget Pour ajouter des chaînes en Blogger AdSense élément de la page Widget
• Blogger (at BlogSpot) with Category Labels and Drag-and-Drop Template Editing Out of Beta Blogger (à BlogSpot) dans la catégorie Labels et Drag-and-Drop Out modification de modèles de Beta
• Remove Microsoft Word Manual Formatting or Copied Formatting from External Source Suppression de Microsoft Word manuel ou copiés en forme en forme de la source externe
• Trick to Add AdSense, AdBrite and Other JavaScript Ad Code Directly to Blogger HTML Template Astuce pour ajouter AdSense, et d'autres AdBrite javascript code d'annonce directement à Blogger modèle HTML
• New Blogger with Category (Labels) and Instant Publishing Features plus New Templates Nouvelle version de Blogger avec Catégorie (Labels) et Instant Publishing Caractéristiques plus de nouveaux modèles
• View Locked Orkut Album Hack Voir verrouillé Orkut album Hack
• Manual Setting on White Balance Réglage manuel sur la balance des blancs
• Manual and Clean Uninstall Oracle for Windows Manuel et propre désinstaller Oracle pour Windows
• Check Future Page Rank Across Google Servers Check Page Rank avenir à travers les serveurs Google
• How to Wrap AdSense Ads Around and Inline Beside Blogger Post Content Comment faire pour envelopper annonces AdSense autour et à côté de Blogger en ligne de contenu

This entry was posted on Sunday, October 19th, 2008 at 4:14 am and is filed under Cet article a été publié le Dimanche, Octobre 19, 2008 à 4:14 am et est classé dans Weblogs Weblogs . . You can follow any responses to this entry through the Vous pouvez suivre toutes les réponses à cette entrée par l'intermédiaire du RSS 2.0 RSS 2.0 feed. You can aliments pour animaux. Vous pouvez leave a response Laissez une réponse , or , Ou trackback trackback from your own site. à partir de votre propre site.