Add Page Number (with First and Last Page) Navigation Link for Blogger (Blogspot) with Gadget Element and Manual Hack Pagina toevoegen Number (met Eerste en de Laatste pagina) Navigatie-Link for Blogger (Blogspot) met Gadget Element en handmatige 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 gratis blog publishing platform maakt gebruik van een behoorlijk beperkte navigatie-functies die alleen display "Oudere berichten" of "Nieuwere berichten" link lezers te laten navigeren en blader naar andere pagina's op de homepage (index), archief, de categorie en het label pagina's. 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. In tegenstelling tot WordPress blogs die steunt plugin voor het aanpassen van de pagina navigatie link naar genummerde lijst te maken van gebruikersvriendelijke, Blogger, of gehost op blogspot.com of aangepaste domeinnaam zich niet in een dergelijke flexibiliteit.

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. Echter, het is nog steeds mogelijk om te veranderen en de plaats van de typische klassieke "Oudere berichten" en "Nieuwere berichten" link navigatie op Blogger blog genummerde pagina's te navigeren, zoals geïllustreerd in onderstaande figuur met behulp van een CSS en JavaScript hack geschreven door 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. Zoals te zien in bovenstaande afbeelding, een navigatie-koppeling bestaat uit paginanummers, eerste pagina, vorige pagina, volgende pagina en de vorige pagina (indien van toepassing) is weer te geven op een Blogger-blog in plaats van de gebruikelijke 'Oudere items "en" nieuwere items "text links.

To add the “new” navigation link with page number to Blogger blog, simply add in a new Page Element Gadget in the Blogger. Als u de "nieuwe" band met navigatie aantal pagina naar Blogger blog, voeg gewoon in een nieuw pagina-element gadget in de Blogger. To do so, follow the guide below: Om dit te doen, volg dan de onderstaande handleiding:

1. Login to Inloggen op Blogger account Dashboard . rekening 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. Klik op de koppeling Layout voor de blog die u wilt wijzigen (als u het bekijken van de blog en aangemeld bij Blogger of Google-account, klikt u op Aanpassen in de volgende blog werkbalk.
3. Go to Page Element tab (by default). Ga naar het tabblad Pagina-element (standaard).
4. Click on Add a Gadget anywhere in the layout. Klik op Add a gadget overal in de lay-out.
5. In the Add a Gadget window, select HTML/JavaScript . In het venster Add a gadget, selecteert u HTML / JavaScript.
6. Add the following code into the Content text field. Voeg de volgende code in het tekstveld Content. Title field can be left blank, or just type in any description such as “Page Navigation” to differentiate it from the rest of widgets. Titel veld mag leeg blijven, of gewoon in elk type beschrijving zoals "Page Navigation 'om deze te onderscheiden van de rest van 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 solide # 505050;
   color: #000000;font-weight:normal; color: # 000000; font-gewicht: normaal;
   padding: 3px 6px !important; padding: 3px 6px! belangrijk;
   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 solide # 333;
   color: #000000; color: # 000000;
   background-color: #FFFFFF; background-color: # FFFFFF;
   } )

   .showpageNum a { . showpageNum a (
   border: 1px solid #505050; border: 1px solide # 505050;
   color: #000000;font-weight:normal; color: # 000000; font-gewicht: normaal;
   padding: 3px 6px !important; padding: 3px 6px! belangrijk;
   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 solide # 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 solide # 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 solide # 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 solide # 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 solide # 333;
   color: #000000; color: # 000000;
   background-color: #FFFFFF; background-color: # FFFFFF;
   } )
   </style> </ style>

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

   function showpageCount(json) { functie 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/”; thisUrl.substring = var isFirstPage (thisUrl.length-14, thisUrl.length )==". blogspot.com / ";
   var isLablePage = thisUrl.indexOf(”/search/label/”)!=-1; var isLablePage = thisUrl.indexOf ( "/ search / label /")!=- 1;
   var isPage = thisUrl.indexOf(”/search?updated”)!=-1; var isPage = thisUrl.indexOf ( "/ search? bijgewerkt ")!=- 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’; var firstPageWord = 'Eerste';
   var endPageWord = ‘Last’; var endPageWord = 'Laatste';
   var upPageWord =’Previous’; var upPageWord = 'Vorige';
   var downPageWord =’Next’; var downPageWord = 'Volgende';

   var labelHtml = ‘<span class=”showpageNum”><a href=”/search/label/’+thisLable+’?&max-results=’+pageCount+’”>’; var labelHtml = '<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 (titel !="){
   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 + + '? bijgewerkt-max =' timestamp + + 'T00% 3A00% 3A00% 3A00% 2B08 & max-results =' + pageCount;
   } )
   } )
   } )
   }//end if(post.category){ ) / / end if (post.category) (

   itemCount++; itemCount + +;
   } )

   }else{ else ()
   if(title!=”){ if (titel !="){
   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 (titel! = ") postNum + +;
   htmlMap[htmlMap.length] = ‘/search?updated-max=’+timestamp+’T00%3A00%3A00%2B08%3A00&max-results=’+pageCount; htmlMap [htmlMap.length] = '/ search? bijgewerkt-max =' timestamp + + '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>’; 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++){ ) / / einde 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 solide # 333; background - color: # FFFFFF; "class =" showpage "> Pagina 'thisNum + +' of '+ (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. Klik op Opslaan.
8. Drag and drop the newly added HTML/JavaScript gadget to directly right below the Blog Posts element. Drag and drop de nieuw toegevoegde HTML / JavaScript-gadget om direct rechts onder het Blogberichten element.
9. Click on Save button to make the change effective. Klik op de knop Opslaan om de wijziging effectief is.

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. Voor gebruikers die geen gebruik willen maken van de pagina-element widget of gadget is het mogelijk om handmatig bewerken van de HTML-bestand, hoewel het nog moeilijker om te doen en mag alleen worden berecht door blogger met technische expertise.

1. Login to Inloggen op Blogger account Dashboard . rekening 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. Klik op de koppeling Layout voor de blog die u wilt wijzigen (als u het bekijken van de blog en aangemeld bij Blogger of Google-account, klikt u op Aanpassen in de volgende blog werkbalk.
3. Go to Edit HTML tab (there is no need to expand widget templates). Ga naar het tabblad HTML bewerken (er is geen behoefte hebben om de widget-sjablonen).
4. Search for the following line: ]]></b:skin> Zoek naar de volgende regel: ]]></b:skin>
5. Copy the following CSS code and paste or append the code above the line: Kopieer de volgende CSS-code en plak of voegt u de code boven de lijn:

   .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: Vervolgens zoek naar de volgende regel code in de template de HTML-code:

   <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. Opmerking: Het "nee" na "showaddelement" kan "ja" voor een aantal bloggers.

7. Add and append the following JavaScript code right after the </b:section> line: Toevoegen en voeg deze in de volgende JavaScript-code direct na de </ b: section> lijn:
   

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

   function showpageCount(json) { functie 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;; thisUrl.substring = var isFirstPage (thisUrl.length-14, thisUrl.length )==". blogspot.com / ";
   var isLablePage = thisUrl.indexOf(&quot;/search/label/&quot;)!=-1; var isLablePage = thisUrl.indexOf ( "/ search / label /")!=- 1;
   var isPage = thisUrl.indexOf(&quot;/search?updated&quot;)!=-1; var isPage = thisUrl.indexOf ( "/ search? bijgewerkt ")!=- 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;; var firstPageWord = 'Eerste';
   var endPageWord = &#39;Last&#39;; var endPageWord = 'Laatste';
   var upPageWord =&#39;Previous&#39;; var upPageWord = 'Vorige';
   var downPageWord =&#39;Next&#39;; var downPageWord = 'Volgende';

   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;; var labelHtml = '<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, 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 (titel !=''){
   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 + + '? bijgewerkt-max =' timestamp + + 'T00% 3A00% 3A00% 2B08 % 3A00 & max-results = '+ pageCount;
   } )
   } )
   } )
   }//end if(post.category){ ) / / end if (post.category) (

   itemCount++; itemCount + +;
   } )

   }else{ else ()
   if(title!=&#39;&#39;){ if (titel !=''){
   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 (titel !='') 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? bijgewerkt-max =' timestamp + + '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;; 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++){ ) / / einde 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; grens : 1px solide # 333; background-color: # FFFFFF; "class =" showpage "> Pagina 'thisNum + +' of '+ (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. Klik op de knop 'Voorvertoning' om ervoor te zorgen dat er geen code fout is geconstateerd. No effect on the navigation hack can be seen though. Geen invloed op de navigatie-hack kan worden gezien hoor.
9. Click on Save Template to save the change. Klik op Bewaren sjabloon op te slaan veranderen.

Customization and Modification Customization and 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. Voor gebruikers die geen gebruik maakt van blogspot.com domein (met behulp van zelf-gehoste domeinnaam), wijzigt het. Blogspot.com en 14 (13 karakters van domeinnaam + 1) in de lijn van thisUrl.substring = var isFirstPage (thisUrl.length -14, ThisUrl.length )==". blogspot.com / "; in kennis.
2. The value in the line of var pageCount =5; determines the number of posts to be shown on each page. De waarde in de lijn van pageCount var = 5; bepalend voor het aantal posten moeten worden weergegeven op elke 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). De waarde in de lijn van = displayPageNum var 3; definieert het aantal pagina links in de navigatiebalk om te worden weergegeven (bijvoorbeeld 1 - 2 - 3).
4. User who knows CSS and Java Script can customize the code to their likings. User wie weet CSS en Java Script kunt de code aan hun likings.

Source 1 Bron 1 and en Source 2 Bron 2

IMPORTANT : This is a machine translated page which is provided "as is" without warranty. BELANGRIJK: Dit is een machine vertaalde pagina die wordt verstrekt "as is" zonder garantie. Machine translation may be difficult to understand. Machine vertaling wellicht moeilijk te begrijpen. Please refer to Raadpleeg original English article origineel Engels artikel whenever possible. als dat mogelijk is.

Share and contribute or get technical support and help at Aandeel en bijdragen of het vinden van technische ondersteuning en hulp bij My Digital Life Forums My Digital Life Forums .

Related Articles Gerelateerde artikelen

• Workaround to Add Custom Channels into Blogger AdSense Page Element Widget Tijdelijke oplossing voor het toevoegen van aangepaste kanalen bij Blogger AdSense-pagina-element widget
• Blogger (at BlogSpot) with Category Labels and Drag-and-Drop Template Editing Out of Beta Blogger (op BlogSpot) met Categorie Etiketten en Drag-and-Drop Out Template bewerken van Beta
• Remove Microsoft Word Manual Formatting or Copied Formatting from External Source Verwijder Microsoft Word handmatige opmaak of gekopieerd opmaak van externe bron
• Trick to Add AdSense, AdBrite and Other JavaScript Ad Code Directly to Blogger HTML Template Een snoepje voor het toevoegen van AdSense, AdBrite en andere advertentie JavaScript-code direct naar Blogger HTML-sjabloon
• New Blogger with Category (Labels) and Instant Publishing Features plus New Templates Nieuwe Blogger met Categorie (stickers) en Instant Publishing Features plus nieuwe sjablonen
• View Locked Orkut Album Hack Bekijk vergrendeld Orkut Album Hack
• Manual Setting on White Balance Handmatig instellen van de witbalans
• Manual and Clean Uninstall Oracle for Windows Handleiding en schoon Uninstall Oracle voor Windows
• Check Future Page Rank Across Google Servers Check toekomst Page Rank op Google-servers
• How to Wrap AdSense Ads Around and Inline Beside Blogger Post Content How to wrap AdSense-advertenties rond en inline naast blogger Post inhoud

This entry was posted on Sunday, October 19th, 2008 at 4:14 am and is filed under Dit item is gepost op zondag, oktober 19th, 2008 om 4:14 am en is gearchiveerd onder Weblogs Weblogs . . You can follow any responses to this entry through the U kunt eventuele reacties op dit item via de RSS 2.0 RSS 2.0 feed. You can feed. U kunt leave a response Laat een reactie , or , Of trackback trackback from your own site. vanaf je eigen site.