Add Page Number (with First and Last Page) Navigation Link for Blogger (Blogspot) with Gadget Element and Manual Hack Dodaj stronę numer (z pierwszej i ostatniej stronie) Nawigacja Link do Bloggera (Blogspot) z gadżetów i elementów Podręcznik 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 bezpłatnego bloga publikowanie platforma wykorzystuje dość ograniczone funkcje nawigacyjne, które wyświetlane są tylko "starsze posty" lub "Stanowiska Nowsze łącze do wynajęcia czytelników nawigację i przejdź do innych stron na stronie głównej (index), archiwum, kategorii i stronach etykietą. 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. W odróżnieniu od WordPress blog, który obsługuje wtyczki, aby dostosować stronę nawigacji link do aukcji ponumerowanych stron, aby uczynić go bardziej przyjazne dla użytkownika, Blogger, czy hostowane na zamówienie domeny blogspot.com lub nie mają takiej elastyczności.

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. Jednakże, nadal można zmienić i zastąpić typowe klasyczne "starsze posty" i "Najnowsze posty" nawigacji link do blogu w serwisie Blogger ponumerowanych stron nawigacyjnych, jak na rysunku poniżej za pomocą CSS i JavaScript hack pisał przez Mohameda 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. Jak wykazano w obrazek powyżej, składa się z łącza nawigacji numery stron, pierwsza strona, ostatnia strona, następna strona i poprzednia strona (jeśli dotyczy) jest wyświetlane na blogu Blogger zamiast zwyczajowych "Starsi przedmioty" i "nowe elementy" linki tekstowe.

To add the “new” navigation link with page number to Blogger blog, simply add in a new Page Element Gadget in the Blogger. Aby dodać "nowy" związek z nawigacji strona numer Blogger bloga, po prostu dodać nowy element strony gadżetu w serwisie Blogger. To do so, follow the guide below: Aby to zrobić, należy postępować zgodnie z wskazówkami podanymi poniżej:

1. Login to Zaloguj się, aby Blogger account Dashboard . Panel konta.
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. Kliknij na link Layout dla bloga, który chcesz modyfikować (jeśli oglądania bloga i aby zalogowanym w serwisie Blogger lub konto Google, po prostu kliknij na przycisk Dalej Dostosuj pasek narzędzi Blog.
3. Go to Page Element tab (by default). Przejdź do zakładki element strony (domyślnie).
4. Click on Add a Gadget anywhere in the layout. Kliknij przycisk Dodaj gadżet w dowolnym miejscu na planszy.
5. In the Add a Gadget window, select HTML/JavaScript . W oknie Dodawanie gadżetu, wybierz HTML / JavaScript.
6. Add the following code into the Content text field. Dodaj następujący kod do zawartości pola tekstowego. Title field can be left blank, or just type in any description such as “Page Navigation” to differentiate it from the rest of widgets. Tytuł pola można pozostawić puste, lub po prostu wpisać opis wszelkich takich jak "Nawigacja" w celu odróżnienia go od reszty ustrojstwa.
   

   <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! ważne;
   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! ważne;
   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) { Funkcja 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? aktualizacja ")!=- 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; PageCount var = 5;
   var displayPageNum=3; var displayPageNum = 3;
   var firstPageWord = ‘First’; var firstPageWord = "Pierwszy";
   var endPageWord = ‘Last’; var endPageWord = "Ostatnia";
   var upPageWord =’Previous’; upPageWord var = 'Poprzednie';
   var downPageWord =’Next’; var downPageWord = "Następna";

   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 (tytuł !="){
   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"? aktualizacja-max =' + + timestamp "T00% 3A00% 3A00% 2B08% 3A00 & max-results =" + PageCount;
   } )
   } )
   } )
   }//end if(post.category){ ) / / koniec if (post.category) (

   itemCount++; itemCount + +;
   } )

   }else{ ) else (
   if(title!=”){ if (tytuł !="){
   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 (tytuł! = ") postNum + +;
   htmlMap[htmlMap.length] = ‘/search?updated-max=’+timestamp+’T00%3A00%3A00%2B08%3A00&max-results=’+pageCount; htmlMap [htmlMap.length] = "/ search? aktualizacja-max = '+ + timestamp" T00% 3A00% 3A00% 2B08% 3A00 & 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)){ ) / / koniec if (p> = (thisNum-displayPageNum-1) & & p <(thisNum + displayPageNum)) (
   }//end for(var p =0;p< htmlMap.length;p++){ ) / / koniec 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; tle - color: # FFFFFF; "class =" showpage "> Strona" thisNum + + "z" + (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. Kliknij przycisk Zapisz.
8. Drag and drop the newly added HTML/JavaScript gadget to directly right below the Blog Posts element. Przeciągnij i upuść nowo dodane HTML / JavaScript gadżet do prawa bezpośrednio poniżej Blog elementu.
9. Click on Save button to make the change effective. Kliknij przycisk Zapisz, aby zmienić skuteczne.

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. Dla użytkowników, którzy nie chcą używać elementów strony albumu lub gadżet, można ręcznie edytując plik HTML, choć jest to trudniejsze do wykonania i powinien być sądzony przez blogowiczów z ekspertyzy techniczne.

1. Login to Zaloguj się, aby Blogger account Dashboard . Panel konta.
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. Kliknij na link Layout dla bloga, który chcesz modyfikować (jeśli oglądania bloga i aby zalogowanym w serwisie Blogger lub konto Google, po prostu kliknij na przycisk Dalej Dostosuj pasek narzędzi Blog.
3. Go to Edit HTML tab (there is no need to expand widget templates). Przejdź do zakładki Edit HTML (nie ma potrzeby, aby rozwinąć szablony widżetów).
4. Search for the following line: ]]></b:skin> Szukaj następujący wiersz: ]]></b:skin>
5. Copy the following CSS code and paste or append the code above the line: Skopiuj poniższy kod i wkleić CSS lub dodać kod powyżej linii:

   .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: Dalej, szukaj następujący wiersz kodu w szablonie kodu 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. Uwaga: "nie" po "showaddelement" może być "tak" dla niektórych blogów.

7. Add and append the following JavaScript code right after the </b:section> line: Dodaj i dodajemy następujący kod JavaScript po prawej </ b: punkt> linii:
   

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

   function showpageCount(json) { Funkcja 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? aktualizacja ")!=- 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; PageCount var = 5;
   var displayPageNum=3; var displayPageNum = 3;
   var firstPageWord = &#39;First&#39;; var firstPageWord = "Pierwszy";
   var endPageWord = &#39;Last&#39;; var endPageWord = "Ostatnia";
   var upPageWord =&#39;Previous&#39;; upPageWord var = 'Poprzednie';
   var downPageWord =&#39;Next&#39;; var downPageWord = "Następna";

   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 (tytuł !=''){
   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"? aktualizacja-max =' + + timestamp "T00% 3A00% 3A00% 2B08 % 3A00 & max-results = "+ PageCount;
   } )
   } )
   } )
   }//end if(post.category){ ) / / koniec if (post.category) (

   itemCount++; itemCount + +;
   } )

   }else{ ) else (
   if(title!=&#39;&#39;){ if (tytuł !=''){
   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 (tytuł !='') 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? aktualizacja-max = '+ + timestamp" T00% 3A00% 3A00% 2B08% 3A00 & 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)){ ) / / koniec if (p> = (thisNum-displayPageNum-1) & & p <(thisNum + displayPageNum)) (
   }//end for(var p =0;p&lt; htmlMap.length;p++){ ) / / koniec 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; granicy : 1px solid # 333; background-color: # FFFFFF; "class =" showpage "> Strona" thisNum + + "z" + (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 + = "class="showpage"> <a href="'+htmlMap[htmlMap.length-1]+'"> <span" ; 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. Kliknij przycisk Podgląd w celu zapewnienia, że kod błędu nie zostało znalezione. No effect on the navigation hack can be seen though. Żadnego wpływu na hack nawigacji chociaż mogą być postrzegane.
9. Click on Save Template to save the change. Kliknij przycisk Zapisz szablon, aby zapisać zmiany.

Customization and Modification Dostosowanie i modyfikacja

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. Dla użytkownika, który nie jest używany domeny blogspot.com (przy użyciu własnej domeny), należy zmodyfikować. Blogspot.com i 14 (13 znaków nazwy domeny + 1) w wierszu var isFirstPage = thisUrl.substring (thisUrl.length -14, ThisUrl.length )==". blogspot.com / "; odpowiednio.
2. The value in the line of var pageCount =5; determines the number of posts to be shown on each page. Wartości w wierszu PageCount var = 5; określa liczbę stanowisk, które mają być wyświetlane na każdej stronie.
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). Wartości w wierszu var displayPageNum = 3; określa liczbę stron linki na pasku nawigacyjnym, które mają być wyświetlane (np. 1 - 2 - 3).
4. User who knows CSS and Java Script can customize the code to their likings. Użytkownika, który wie, CSS i Java Script można dostosować do ich kodu likings.

Source 1 Źródło 1 and i Source 2 Źródło 2

IMPORTANT : This is a machine translated page which is provided "as is" without warranty. WAŻNE: To jest maszyna przetłumaczony strony, które są dostarczane "tak jak są" bez gwarancji. Machine translation may be difficult to understand. Tłumaczenie maszynowe mogą być trudne do zrozumienia. Please refer to Proszę odnieść się do original English article oryginalnego artykułu w języku angielskim whenever possible. ilekroć to możliwe.

Share and contribute or get technical support and help at Udział i wkład lub uzyskać wsparcie techniczne oraz pomoc w My Digital Life Forums Mój Cyfrowy Życie Forum .

Related Articles Powiązane artykuły

• Workaround to Add Custom Channels into Blogger AdSense Page Element Widget Obejście dodać kanały spersonalizowane pod Blogger AdSense strona element widget
• Blogger (at BlogSpot) with Category Labels and Drag-and-Drop Template Editing Out of Beta Blogger (przy BlogSpot) z kategorii Etykiety i metodą "przeciągnij i upuść Edycja szablonu Out Beta
• Manual Setting on White Balance Podręcznik ustawienia balansu bieli
• Manual and Clean Uninstall Oracle for Windows Podręcznik i czyste odinstalować Oracle dla systemu Windows
• Download Yahoo Messenger for Vista 2007.11.30.421 Standalone Manual Setup Installer Pobierz Yahoo Messenger dla Vista 2007.11.30.421 Standalone Ręczny Instalator Instalator
• Remove Microsoft Word Manual Formatting or Copied Formatting from External Source Usuń formatowanie Podręcznik Microsoft Word lub skopiowane formatowanie z zewnętrznego źródła
• Gadget Birthday Cakes Torty urodzinowe gadżet
• Gadget and Pretty Girl Gadżet i Pretty Girl
• Nokia N95 New SmartPhone Gadget Nokia N95 smartphone nowy gadżet
• Global Gadget Mania Globalnych gadżecie Mania

This entry was posted on Sunday, October 19th, 2008 at 4:14 am and is filed under Ten wpis został wysłany w niedzielę, 19 października, 2008 r. 4:14 am i jest złożony w ramach Weblogs Blogi . . You can follow any responses to this entry through the Można śledzić wszelkie odpowiedzi na ten wpis poprzez RSS 2.0 RSS 2.0 feed. You can paszy. Można leave a response zostawić odpowiedź , or , Lub trackback trackback from your own site. z własnej witryny.