Add Page Number (with First and Last Page) Navigation Link for Blogger (Blogspot) with Gadget Element and Manual Hack Add Page Nummer (mit Erste und letzte Seite) Navigation Link für Blogger (Blogspot) mit Gadget-Element-und Manual-Hack

Blogger free blog publishing platform uses a pretty limited navigation features that only display “Older Posts” or “Newer Posts” link to let readers navigate and browse to other pages on homepage (index), archive, category and label pages. Blogger kostenloses Blog Publishing-Plattform verwendet eine ziemlich begrenzte Navigations-Features, die nur Anzeige "Ältere Posts" oder "Neuere Posts"-Link, damit die Leser navigieren und suchen Sie nach anderen Seiten auf Homepage (Index), Archiv-, Kategorie-und Label-Seiten. 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. Im Gegensatz zu WordPress Blog, das Plugin unterstützt, um die Seiten-Navigation ein Link auf nummerierten Seiten Auflistung, um einer größeren Benutzerfreundlichkeit, Blogger, unabhängig davon, ob die auf blogspot.com oder benutzerdefinierten Domain verfügt nicht über eine solche Flexibilität.

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. Allerdings ist es dennoch möglich, zu ändern und ersetzen Sie die typischen klassischen "Ältere Beiträge" und "Neuere Beiträge" Navigation Link auf Blogger-Blog auf nummerierten Seiten-Navigation, wie in Abbildung unten mit einem JavaScript-und CSS-Hack schrieb von 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. Wie im Bild oben, ein Navigations-Link besteht aus Seitenzahlen, die erste Seite, Letzte Seite, Nächste Seite und Vorherige Seite (wenn zutreffend) ist Anzeige auf Blogger-Blog anstelle der üblichen "Ältere Artikel" und "Neuere Artikel" 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. So fügen Sie den "neuen" Link-Navigation mit Seitenzahl auf Blogger-Blog, fügen Sie einfach in eine neue Seite Gadget-Element in der Blogger. To do so, follow the guide below: Gehen Sie hierzu folgendermaßen der Leitfaden unter:

1. Login to Melden Sie sich Blogger account Dashboard . Konto-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. Klicken Sie auf den Link Layout für den Blog, das Sie ändern wollen (wenn Sie die Anzeige der Blog und eingeloggt sein, um Blogger-oder Google-Konto verfügen, klicken Sie einfach auf Anpassen auf die nächste Blog-Symbolleiste.
3. Go to Page Element tab (by default). Gehe zu Seite Element Registerkarte (standardmäßig).
4. Click on Add a Gadget anywhere in the layout. Klicken Sie auf Hinzufügen eines Gadgets überall in der Layout.
5. In the Add a Gadget window, select HTML/JavaScript . In der Gadget-Fenster, wählen Sie HTML / JavaScript.
6. Add the following code into the Content text field. Fügen Sie den folgenden Code in das Content-Text-Feldes. 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-Feld kann leer gelassen werden, oder geben Sie einfach in jede Beschreibung wie "Page Navigation" zu unterscheiden es von dem Rest der 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! wichtig;
   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! wichtig;
   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) { Funktion 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 / label /")!=- 1;
   var isPage = thisUrl.indexOf(”/search?updated”)!=-1; var isPage = thisUrl.indexOf ( "/ search? aktualisiert ")!=- 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 = 'First';
   var endPageWord = ‘Last’; var endPageWord = 'Letzte';
   var upPageWord =’Previous’; var upPageWord = 'zurück';
   var downPageWord =’Next’; var downPageWord = 'Weiter';

   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 (Zeitstempel)! =- 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 +'? aktualisiert-max = '+ Zeitstempel +' T00% 3A00% 3A00% 2B08% 3A00 & max-Ergebnisse = '+ 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 (Zeitstempel)! =- 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? updated-max = '+ Zeitstempel +' T00% 3A00% 3A00% 2B08% 3A00 & max-Ergebnisse = '+ 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++){ ) / / Ende 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; Hintergrund - color: # FFFFFF; "class =" showpage "> Seite" thisNum + + 'von' + (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. Klicken Sie auf Speichern.
8. Drag and drop the newly added HTML/JavaScript gadget to directly right below the Blog Posts element. Ziehen Sie die neu hinzugefügte HTML / JavaScript-Gadget direkt rechts unterhalb der Blog-Posts Element.
9. Click on Save button to make the change effective. Klicken Sie auf Speichern, um die Änderung wirksam wird.

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. Für Benutzer, die nicht wollen, verwenden Sie die Page-Element-Widget oder Gadget ist es möglich, manuell Bearbeiten der HTML-Datei, auch wenn es schwieriger zu tun und sollte nur versucht durch die Blogger mit technischen Know-how.

1. Login to Melden Sie sich Blogger account Dashboard . Konto-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. Klicken Sie auf den Link Layout für den Blog, das Sie ändern wollen (wenn Sie die Anzeige der Blog und eingeloggt sein, um Blogger-oder Google-Konto verfügen, klicken Sie einfach auf Anpassen auf die nächste Blog-Symbolleiste.
3. Go to Edit HTML tab (there is no need to expand widget templates). Gehen Sie zu Bearbeiten Registerkarte "HTML" (es gibt keine Notwendigkeit, um die Elemente Widget-Vorlagen).
4. Search for the following line: ]]></b:skin> Suche für die folgende Zeile ein: ]]></b:skin>
5. Copy the following CSS code and paste or append the code above the line: Kopieren Sie den folgenden CSS-Code und fügen Sie oder fügen Sie den Code über der Zeile:

   .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: Weiter, suchen Sie nach dem folgenden Code-Zeile in der Vorlage der 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. Hinweis: Die "Nein" nach "showaddelement" können "Ja" für einige Blogger.

7. Add and append the following JavaScript code right after the </b:section> line: Hinzufügen und fügen Sie den folgenden JavaScript-Code direkt nach dem </ b: section> Zeile:
   

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

   function showpageCount(json) { Funktion 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 / label /")!=- 1;
   var isPage = thisUrl.indexOf(&quot;/search?updated&quot;)!=-1; var isPage = thisUrl.indexOf ( "/ search? aktualisiert ")!=- 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 = 'First';
   var endPageWord = &#39;Last&#39;; var endPageWord = 'Letzte';
   var upPageWord =&#39;Previous&#39;; var upPageWord = 'zurück';
   var downPageWord =&#39;Next&#39;; var downPageWord = 'Weiter';

   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-Ergebnisse = & # 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 (Zeitstempel)! =- 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 +'? aktualisiert-max = '+ Zeitstempel +' T00% 3A00% 3A00% 2B08 % 3A00 & max-Ergebnisse = '+ 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 (Zeitstempel)! =- 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? updated-max = '+ Zeitstempel +' T00% 3A00% 3A00% 2B08% 3A00 & max-Ergebnisse = '+ 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++){ ) / / Ende 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; Grenze : 1px solid # 333; background-color: # FFFFFF; "class =" showpage "> Seite" thisNum + + 'von' + (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. Klicken Sie auf Schaltfläche "Vorschau", um sicherzustellen, dass keine Code-Fehler gefunden. No effect on the navigation hack can be seen though. Keine Auswirkung auf die Navigations-Hack kann man aber.
9. Click on Save Template to save the change. Klicken Sie auf Vorlage speichern um die Änderungen zu speichern.

Customization and Modification Anpassung und Änderung

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. Für Benutzer, der nicht mit blogspot.com Domain (mit selbst gehosteten Domain-Namen), ändern Sie die. Blogspot.com und 14 (13 Zeichen des Domainnamens + 1) in der Linie der var isFirstPage = thisUrl.substring (thisUrl.length -14, ThisUrl.length )==". blogspot.com / "; werden.
2. The value in the line of var pageCount =5; determines the number of posts to be shown on each page. Der Wert in der Zeile var pageCount = 5; bestimmt die Zahl der Stellen angezeigt werden soll auf jeder Seite.
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). Der Wert in der Zeile var displayPageNum = 3; definiert die Anzahl der Links in der Navigationsleiste angezeigt werden soll (z. B. 1 bis 2 - 3).
4. User who knows CSS and Java Script can customize the code to their likings. User, der weiß, CSS und Java-Script können Sie den Code in ihre Neigungen.

Source 1 Quelle 1 and und Source 2 Quelle 2

IMPORTANT : This is a machine translated page which is provided "as is" without warranty. WICHTIG: Dies ist eine Maschine übersetzt, die Seite wird "as is" ohne Garantie. Machine translation may be difficult to understand. Maschinelle Übersetzung Mai nur schwer zu verstehen. Please refer to Bitte wenden Sie sich an original English article Original Englisch Artikel whenever possible. wann immer dies möglich ist.

Share and contribute or get technical support and help at Aktie und einen Beitrag oder erhalten technische Unterstützung und Hilfe bei My Digital Life Forums My Digital Life Foren .

Related Articles Verwandte Artikel

• Workaround to Add Custom Channels into Blogger AdSense Page Element Widget Workaround zum Hinzufügen von benutzerdefinierten Channels in Blogger AdSense-Seiten-Element-Widget
• Blogger (at BlogSpot) with Category Labels and Drag-and-Drop Template Editing Out of Beta Blogger (bei BlogSpot) mit Kategorie Etiketten und Drag-and-Drop Out Template Bearbeiten von Beta
• New Blogger with Category (Labels) and Instant Publishing Features plus New Templates Neue Kategorie mit Blogger (Labels) und Instant Publishing Features plus Neue Vorlagen
• Remove Microsoft Word Manual Formatting or Copied Formatting from External Source Entfernen Sie Microsoft Word manuelle Formatierung oder kopiert die Formatierung von externen Quelle
• Trick to Add AdSense, AdBrite and Other JavaScript Ad Code Directly to Blogger HTML Template Trick hinzufügen AdSense, AdBrite und andere Ad JavaScript-Code direkt an den Blogger-HTML-Template
• How to Wrap AdSense Ads Around and Inline Beside Blogger Post Content Wie zu Wrap Around AdSense-Anzeigen und Inline neben Blogger Post Inhalt
• Bill Gates Buys Blogger Buzz Bill Gates kauft Blogger Buzz
• Add and Insert to Put Google AdSense Ads Units Between Blog Posts in Blogger.com Hinzufügen und Einfügen, um Google AdSense-Anzeigen Einheiten zwischen Blog-Posts in Blogger.com
• Check Future Page Rank Across Google Servers Check Zukunft Page Rank über die Google-Server
• Place AdSense Ad Unit In Various Positions Inside Within Blogger Post Contents Place AdSense-Anzeigenblock in verschiedenen Positionen innerhalb innerhalb von Blogger Post Inhalt

This entry was posted on Sunday, October 19th, 2008 at 4:14 am and is filed under Dieser Eintrag wurde am Sonntag, den 19. Oktober 2008 bei 4:14 und ist Gespeichert unter Weblogs Weblogs . . You can follow any responses to this entry through the Sie können alle Antworten auf diesen Eintrag durch den RSS 2.0 RSS 2.0 feed. You can Futtermittel. Sie können leave a response verlassen, eine Antwort , or , Oder trackback Trackback from your own site. von Ihrer eigenen Website.