Add Page Number (with First and Last Page) Navigation Link for Blogger (Blogspot) with Gadget Element and Manual Hack Dodaj Število strani (s prvo in zadnjo stran) Navigation Link za Blogger (Blogspot) z Gadget Element in priročnika 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 free blog objavo ploščad uporablja precej omejeno navigacija značilnosti, da se prikažejo le "Older Posts" ali "Novejša Prispevkov" povezava do Naj bralci navigacijo in brskajte do drugih strani na domačo stran (index), arhive, kategorijo in oznako strani. 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. Za razliko od WordPress blog, ki podpira plugin za prilagajanje strani navigacija povezavo do strani oštevilčen seznam, da bo bolj uporabniku prijazen, Blogger, ali gostujejo na blogspot.com ali običaju domene nima take fleksibilnosti.
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. Kljub temu je še vedno mogoče spremeniti in nadomestiti tipičnih klasičnih "Older Posts" in "Novejša Prispevkov" navigacije na Blogger blog povezavo do strani, oštevilčene navigacija, kakor je prikazano na sliki spodaj, z uporabo CSS in JavaScript Rešetkasto napisal 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. , Kakor je prikazano na sliki zgoraj, je plovbe povezava je sestavljena iz številke strani, prva stran, zadnja stran, Naslednja stran in prejšnja stran (če je primerno) je zaslon na Blogger blog namesto običajnega "Starejši Postavke" in "Novejša Postavke" besedilo povezave.
To add the “new” navigation link with page number to Blogger blog, simply add in a new Page Element Gadget in the Blogger. Če ľelite dodati "novih" navigacija povezavo z številka strani Blogger blog, preprosto dodate v nov element strani Gadget v Blogger. To do so, follow the guide below: Če želite to narediti, sledite navodilom v priročniku spodaj:
- Login to Prijava na Blogger account Dashboard . račun Nadzorna plošča.
- 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. Kliknite na povezavo Layout za spletnik, ki jo želite spremeniti (če brskaš blog in prijavljeni v Blogger ali Googlov račun, kliknite na "Naslednji Customize na Blog orodni vrstici.
- Go to Page Element tab (by default). Pojdi na stran Element zavihku (privzeto).
- Click on Add a Gadget anywhere in the layout. S klikom na Dodaj Gadget kjerkoli v postavitev.
- In the Add a Gadget window, select HTML/JavaScript . V oknu Add a Gadget, da izberete HTML / JavaScript.
- Add the following code into the Content text field. Dodajte naslednje kode v vsebino besedilnega polja. Title field can be left blank, or just type in any description such as “Page Navigation” to differentiate it from the rest of widgets. Naslov polje lahko pustite prazno, ali samo vrsta v katerem koli opis, denimo "Page Navigation" se loči od preostalega dela priprav.
<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: normalna;
padding: 3px 6px !important; padding: 3px 6px! pomembno;
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: normalna;
padding: 3px 6px !important; padding: 3px 6px! pomembno;
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) { funkcijo 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? posodobitev ")!=- 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 = "Prva";
var endPageWord = ‘Last’; var endPageWord = 'Zadnja';
var upPageWord =’Previous’; var upPageWord = 'Nazaj';
var downPageWord =’Next’; var downPageWord = 'Naslednji';var labelHtml = ‘<span class=”showpageNum”><a href=”/search/label/’+thisLable+’?&max-results=’+pageCount+’”>’; was = 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){ če (isLablePage) (
if(title!=”){ če (naziv !="){
if(post.category){ če (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){ če (encodeURIComponent (post_category.term) == thisLable) (
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){ če (itemCount == 0 | | (itemCount% pageCount == (pageCount-1))) (
if(thisUrl.indexOf(timestamp)!=-1 ){ če (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"? posodablja-max = "+ timestamp +" T00% 3A00% 3A00% 2B08% 3A00 & max-results =' + pageCount;
} )
} )
} )
}//end if(post.category){ ) / / konec if (post.category) (itemCount++; itemCount + +;
} )}else{ ostalo) (
if(title!=”){ če (naziv !="){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){ če (itemCount == 0 | | (itemCount% pageCount == (pageCount-1))) (
if(thisUrl.indexOf(timestamp)!=-1 ){ če (thisUrl.indexOf (timestamp)! =- 1) (
thisNum = postNum; thisNum = postNum;
} )if(title!=”) postNum++; if (Naslov! = ") postNum + +;
htmlMap[htmlMap.length] = ‘/search?updated-max=’+timestamp+’T00%3A00%3A00%2B08%3A00&max-results=’+pageCount; htmlMap [htmlMap.length] = '/ search? posodablja-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){ če (fFlag == 0 & & p == thisNum-2) (
if(thisNum==2){ če (thisNum == 2) (
if(isLablePage){ če (isLablePage) (
upPageHtml = labelHtml + upPageWord +’</a></span>’; upPageHtml = labelHtml + upPageWord + "</ a> </ span>";
}else{ ostalo) (
upPageHtml = ‘<span class=”showpage”><a href=”/”>’+ upPageWord +’</a></span>’; upPageHtml = '<span class="showpage"> <a href="/"> "+ upPageWord +" </ a> </ span> ";
} )
}else{ ostalo) (
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 += ‘ <span class=”showpagePoint”><u>’+thisNum+’</u></span>’; html + = '<span class="showpagePoint"> <u> "thisNum + +' </ u> </ span>";
}else{ ostalo) (
if(p==0){ if (p == 0) (
if(isLablePage){ če (isLablePage) (
html = labelHtml+’1</a></span>’; html labelHtml + ='1 </ a> </ span> ";
}else{ ostalo) (
html += ‘<span class=”showpageNum”><a href=”/”>1</a></span>’; html + = '<span class="showpageNum"> <a href="/"> 1 </ a> </ span> ";
} )
}else{ ostalo) (
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){ če (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)){ ) / / konec if (p> = (thisNum-displayPageNum-1) & & p <(thisNum + displayPageNum)) (
}//end for(var p =0;p< htmlMap.length;p++){ ) / / konec for (var p = 0; p <htmlMap.length; p + +) (if(thisNum>1){ če (thisNum> 1) (
if(!isLablePage){ če (! isLablePage) (
html = ‘<span class=”showpage”><a href=”/”>’+ firstPageWord +’ </a></span>’+upPageHtml+’ ‘+html +’ ‘; html = '<span class="showpage"> <a href="/"> "+ firstPageWord +" </ a> </ span> "+ upPageHtml +" "+ html +' ';
}else{ ostalo) (
html = ”+labelHtml + firstPageWord +’ </a></span>’+upPageHtml+’ ‘+html +’ ‘; html = "+ labelHtml + firstPageWord +" </ a> </ span> "+ upPageHtml +" "+ html + '';
} )
} )html = ‘<div class=”showpageArea”><span style=”font-size:11px;padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333; background-color: #FFFFFF;” class=”showpage”>Page ‘+thisNum+’ of ‘+(postNum-1)+’: </span>’+html; html = '<div class="showpageArea"> <span style = "font-size: 11px; padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; color: # 000000; border: 1px solid # 333; background - color: # FFFFFF; "razred =" showpage "> Stran" + + thisNum "za" + (postNum-1) + ": </ span>" + html;
if(thisNum<(postNum-1)){ če (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++; če (postNum == 1) postNum + +;
html += ‘</div>’; html + = '</ div>';if(isPage || isFirstPage || isLablePage){ če (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){ če (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){ če (pageArea & & pageArea.length> 0) (
html =”; html = ";
} )if(blogPager){ če (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>
- Click Save button. Kliknite gumb Shrani.
- Drag and drop the newly added HTML/JavaScript gadget to directly right below the Blog Posts element. Povlecite in spustite na novo dodano HTML / JavaScript pripomoček za neposredno pravico pod Blog Prispevkov element.

- Click on Save button to make the change effective. Kliknite na gumb Shrani, da jo spremenite učinkovito.
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. Za uporabnika, ki ne želijo izkoristiti Page Element pripomoček ali pripomoček, je mogoče ročno urejanje HTML datoteko, čeprav je bolj težko narediti in bi le poskusili z avtorjem spletnih dnevnikov s tehnično strokovno znanje in izkušnje.
- Login to Prijava na Blogger account Dashboard . račun Nadzorna plošča.
- 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. Kliknite na povezavo Layout za spletnik, ki jo želite spremeniti (če brskaš blog in prijavljeni v Blogger ali Googlov račun, kliknite na "Naslednji Customize na Blog orodni vrstici.
- Go to Edit HTML tab (there is no need to expand widget templates). Pojdi na Edit HTML tab (ni potrebe po razširitvi widget templates).
- Search for the following line:
]]></b:skin>Išči naslednja vrstica:]]></b:skin> - Copy the following CSS code and paste or append the code above the line: Kopirajte naslednjo CSS koda in prilepite ali dodajte kodo nad črto:
.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;
} - Next, search for the following line of code in the template’s HTML code: Naprej, iskanje za naslednje vrstice kode v template's 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. Opomba: "ne" po "showaddelement" lahko "da" za nekatere bloggers.
- Add and append the following JavaScript code right after the </b:section> line: Dodaj in dodajte naslednjo kodo JavaScript pravico po </ b: oddelek> vrstico:
<script type="text/javascript"> <script type="text/javascript">
function showpageCount(json) { funkcijo 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? posodobitev ")!=- 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 = "Prva";
var endPageWord = 'Last'; var endPageWord = 'Zadnja';
var upPageWord ='Previous'; var upPageWord = 'Nazaj';
var downPageWord ='Next'; var downPageWord = 'Naslednji';var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">'; was = 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){ če (isLablePage) (
if(title!=''){ če (naziv !=''){
if(post.category){ če (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){ če (encodeURIComponent (post_category.term) == thisLable) (
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){ če (itemCount == 0 | | (itemCount% pageCount == (pageCount-1))) (
if(thisUrl.indexOf(timestamp)!=-1 ){ če (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"? posodablja-max = "+ timestamp +" T00% 3A00% 3A00% 2B08 % 3A00 & max-results = '+ pageCount;
} )
} )
} )
}//end if(post.category){ ) / / konec if (post.category) (itemCount++; itemCount + +;
} )}else{ ostalo) (
if(title!=''){ če (naziv !=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){ če (itemCount == 0 | | (itemCount% pageCount == (pageCount-1))) (
if(thisUrl.indexOf(timestamp)!=-1 ){ če (thisUrl.indexOf (timestamp)! =- 1) (
thisNum = postNum; thisNum = postNum;
} )if(title!='') postNum++; če (naziv !='') postNum + +;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount; htmlMap [htmlMap.length] = '/ search? posodablja-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){ če (fFlag == 0 & & p == thisNum-2) (
if(thisNum==2){ če (thisNum == 2) (
if(isLablePage){ če (isLablePage) (
upPageHtml = labelHtml + upPageWord +'</a></span>'; upPageHtml = labelHtml + upPageWord + "</ a> </ span>";
}else{ ostalo) (
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>'; upPageHtml = '<span class="showpage"> <a href="/"> "+ upPageWord +" </ a> </ span> ";
} )
}else{ ostalo) (
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>'; upPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'"> "upPageWord + + & # 39; </ 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{ ostalo) (
if(p==0){ if (p == 0) (
if(isLablePage){ če (isLablePage) (
html = labelHtml+'1</a></span>'; html labelHtml + ='1 </ a> </ span> ";
}else{ ostalo) (
html += '<span class="showpageNum"><a href="/">1</a></span>'; html + = '<span class="showpageNum"> <a href="/"> 1 </ a> </ span> ";
} )
}else{ ostalo) (
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){ če (eFlag == 0 & & p == thisNum) (
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>'; downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'"> "downPageWord + + & # 39; </ a> </ span> ";
eFlag++; eFlag + +;
} )
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){ ) / / konec if (p> = (thisNum-displayPageNum-1) & & p <(thisNum + displayPageNum)) (
}//end for(var p =0;p< htmlMap.length;p++){ ) / / konec for (var p = 0; p <htmlMap.length; p + +) (if(thisNum>1){ če (thisNum> 1) (
if(!isLablePage){ če (! isLablePage) (
html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' '; html = '<span class="showpage"> <a href="/"> "+ firstPageWord +" </ a> </ span> "+ UpPageHtml +" "+ html + '';
}else{ ostalo) (
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; meje : 1px solid # 333; background-color: # FFFFFF; "razred =" showpage "> Stran" + + thisNum "za" + (postNum-1) + " ;: </ Span> "+ html;
if(thisNum<(postNum-1)){ če (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++; če (postNum == 1) postNum + +;
html += '</div>'; html + = '</ div>';if(isPage || isFirstPage || isLablePage){ če (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){ če (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){ če (pageArea & & pageArea.length> 0) (
html =''; html ='';
} )if(blogPager){ če (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>
- Click on Preview button to ensure that no code error been found. Kliknite na gumb Predogled, da se zagotovi, da nobena koda napake niso našli. No effect on the navigation hack can be seen though. Nobenega učinka na navigacijo Rešetkasto je mogoče videti, čeprav.
- Click on Save Template to save the change. Kliknite na Shrani, da shranite spremembe.
Customization and Modification Spremembe in prilagoditve
- 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)==".blogspot.com/"; accordingly. Za uporabnika, ki se ne uporabljajo blogspot.com domene (z uporabo samoregulacije gostila domensko ime), spremeni. Blogspot.com in 14 (13 znakov za domensko ime + 1) v vrstici var isFirstPage = thisUrl.substring (thisUrl.length -14, ThisUrl.length )==". blogspot.com / "; spremeniti.
- The value in the line of var pageCount =5; determines the number of posts to be shown on each page. Vrednost v vrstici var pageCount = 5; določa število delovnih mest, ki morajo biti navedeni na vsaki strani.
- 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). Vrednost v vrstici var displayPageNum = 3; opredeljuje število strani povezav v navigacijski vrstici, ki se prikaže (npr. 1 - 2 - 3).
- User who knows CSS and Java Script can customize the code to their likings. Uporabnik, ki ve, CSS in Java Script kodo lahko prilagodite na njihovo likings.
Source 1 Vir 1 and in Source 2 Vir 2
IMPORTANT : This is a machine translated page which is provided "as is" without warranty. POMEMBNO: To je stroj prevede stran, ki je ponujena "kot je" brez garancije. Machine translation may be difficult to understand. Strojno prevajanje je lahko težko razumljiva. Please refer to Prosimo, glejte original English article Originalno angleško članek whenever possible. kadar je to mogoče.
Share and contribute or get technical support and help at Deliti in prispevati ali dobiti tehnično podporo in pomoč pri My Digital Life Forums Moje digitalno življenje Forumi .
Related Articles Sorodni članki
- Workaround to Add Custom Channels into Blogger AdSense Page Element Widget Rešitev po meri, da bi dodali kanale, v Blogger adsense element strani widget
- Blogger (at BlogSpot) with Category Labels and Drag-and-Drop Template Editing Out of Beta Blogger (na Blogspot) z Kategorija Etikete in povleci-in-spusti Template Urejanje Out of Beta
- Manual Setting on White Balance Ročna nastavitev na Ravnovesje beline
- Manual and Clean Uninstall Oracle for Windows Ročno in čisto odstraniti Oracle za Windows
- Download Yahoo Messenger for Vista 2007.11.30.421 Standalone Manual Setup Installer Prenesi Yahoo Messenger za Vista 2007.11.30.421 samostojni namestitveni priročnik Installer
- Remove Microsoft Word Manual Formatting or Copied Formatting from External Source Odstrani Microsoft Word ročnega formatiranja formatiranje ali kopirati iz zunanjega vira
- Gadget Birthday Cakes Gadget za rojstni dan pogače
- Gadget and Pretty Girl Gadget in lepo dekle
- Nokia N95 New SmartPhone Gadget Pametni telefon Nokia N95 novi gadget
- Global Gadget Mania Globalna gadget Mania


























October 19th, 2008 10:14 19. oktober 2008 10:14
Everything OK. Vse OK. But while trying this found some problems. Toda, medtem ko poskuša te našel nekaj težav. For example, when I click on ‘next’ page, some times it shows the same page, especially after 6th or 7th page. Na primer, ko kliknete na "naslednjo stran, včasih kaže isto stran, še posebej po 6. ali 7. stran. I think it is because of the script used. Mislim, da je zaradi skript uporablja. It is not as smooth as wordpress navigation - Jkwebtalks To ni tako gladko, kakor WordPress navigacija - Jkwebtalks
October 23rd, 2008 09:43 23. okt 2008 09:43
my blogs is still in classic blogger, could this treat i used to my blog? moji blogi še vedno v klasičnih blogger, bi lahko ta obravnava in ki se uporabljajo za svoj spletni dnevnik?
And how to showing the page number on wordpress, the page number plugin just only support up to 2.5 version. In kako kaže število strani na WordPress, na strani številka plugin samo podpirajo le največ do 2,5 izvedenke. is there any idea? Ali obstaja kakšno idejo? or just waiting for plugin the new version release? ali samo čaka plugin za nove verzije?
thanks! hvala!
November 13th, 2008 18:10 13. november 2008 18:10
not working ……. ne delajo ... ....
coz I did the same as u written above . coz sem storil isto kot v pisni zgoraj.
but no page numbering could be shown . vendar ne oštevilčenje strani bi lahko bila prikazana.
November 13th, 2008 18:37 13. november 2008 18:37
I’ve done now ……… Sem naredil zdaj ... ... ...
page’s number are shown in my blog število strani so prikazane v moj blog
but How to arrange pages in my blog ? Kako pa poskrbi strani v svoj spletni dnevnik?
November 15th, 2008 02:52 15. november 2008 02:52
not work on my blogspot! ne dela na mojem BLOGSPOT! may I wrong place the code? lahko kaj narobe postavite kodo?
November 15th, 2008 06:34 15. november 2008 06:34
it’s work now on my Free cell phone theme to je moje delo zdaj na mobitel Zastonj temo ! !
but sometime, there,s an error like this vendar včasih ni, je napačno, kot to
“No posts match your query.” "Ne objava ne ustreza vaši poizvedbi."
is there any solution! obstaja kakršno koli rešitev!
November 21st, 2008 04:23 21. november 2008 04:23
This doesnt work at all for me. To doesnt dela na vse za mano. Nothing changes at all. Nič sprememb na vseh.
November 22nd, 2008 05:49 22. november 2008 05:49
Its not working for me, I copied the code above and I am using the new blogger. Njegova ne delajo zame, sem kopiral kodo zgoraj in sem z uporabo nove blogger. Could yoou please help me on this. Lahko yoou prosim, pomagaj mi o tem.
Ravi
November 23rd, 2008 19:21 23. november 2008 19:21
It’sa Leora Ka Bal solution. To Leora Ka Bal rešitev.