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.

Numbered Page Navigation for Blogger

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:

  1. Login to Prijava na Blogger account Dashboard . račun Nadzorna plošča.
  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. 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.
  3. Go to Page Element tab (by default). Pojdi na stran Element zavihku (privzeto).
  4. Click on Add a Gadget anywhere in the layout. S klikom na Dodaj Gadget kjerkoli v postavitev.
  5. In the Add a Gadget window, select HTML/JavaScript . V oknu Add a Gadget, da izberete HTML / JavaScript.
  6. 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 += ‘&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 +" </ 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>

  7. Click Save button. Kliknite gumb Shrani.
  8. 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. Location of Page Navigation Gadget
  9. 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.

  1. Login to Prijava na Blogger account Dashboard . račun Nadzorna plošča.
  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. 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.
  3. 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).
  4. Search for the following line: ]]></b:skin> Išči naslednja vrstica: ]]></b:skin>
  5. 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;
    }

  6. 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.

  7. Add and append the following JavaScript code right after the </b:section> line: Dodaj in dodajte naslednjo kodo JavaScript pravico po </ b: oddelek> vrstico:

    &lt;script type=&quot;text/javascript&quot;&gt; <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)==&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? posodobitev ")!=- 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 = "Prva";
    var endPageWord = &#39;Last&#39;; var endPageWord = 'Zadnja';
    var upPageWord =&#39;Previous&#39;; var upPageWord = 'Nazaj';
    var downPageWord =&#39;Next&#39;; var downPageWord = 'Naslednji';

    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;; 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!=&#39;&#39;){ č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] = &#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"? 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!=&#39;&#39;){ č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!=&#39;&#39;) postNum++; če (naziv !='') 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? posodablja-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){ če (fFlag == 0 & & p == thisNum-2) (
    if(thisNum==2){ če (thisNum == 2) (
    if(isLablePage){ če (isLablePage) (
    upPageHtml = labelHtml + upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;; upPageHtml = labelHtml + upPageWord + "</ a> </ span>";
    }else{ ostalo) (
    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{ ostalo) (
    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{ ostalo) (
    if(p==0){ if (p == 0) (
    if(isLablePage){ če (isLablePage) (
    html = labelHtml+&#39;1&lt;/a&gt;&lt;/span&gt;&#39;; html labelHtml + ='1 </ a> </ span> ";
    }else{ ostalo) (
    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{ ostalo) (
    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){ če (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)){ ) / / konec if (p> = (thisNum-displayPageNum-1) & & p <(thisNum + displayPageNum)) (
    }//end for(var p =0;p&lt; htmlMap.length;p++){ ) / / konec for (var p = 0; p <htmlMap.length; p + +) (

    if(thisNum&gt;1){ če (thisNum> 1) (
    if(!isLablePage){ če (! 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{ ostalo) (
    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; meje : 1px solid # 333; background-color: # FFFFFF; "razred =" showpage "> Stran" + + thisNum "za" + (postNum-1) + " ;: </ Span> "+ html;

    if(thisNum&lt;(postNum-1)){ če (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++; če (postNum == 1) postNum + +;
    html += &#39;&lt;/div&gt;&#39;; html + = '</ div>';

    if(isPage || isFirstPage || isLablePage){ če (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){ če (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){ če (pageArea & & pageArea.length> 0) (
    html =&#39;&#39;; html ='';
    } )

    if(blogPager){ če (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. 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.
  9. Click on Save Template to save the change. Kliknite na Shrani, da shranite spremembe.

Customization and Modification Spremembe in prilagoditve

  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. 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.
  2. 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.
  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). Vrednost v vrstici var displayPageNum = 3; opredeljuje število strani povezav v navigacijski vrstici, ki se prikaže (npr. 1 - 2 - 3).
  4. 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 .



9 Responses to “Add Page Number (with First and Last Page) Navigation Link for Blogger (Blogspot) with Gadget Element and Manual Hack” 9 Responses to "Dodaj Število strani (s prva in zadnja stran) Navigation Link za Blogger (Blogspot) z Gadget Element in priročnika Hack"

  1. JK
    October 19th, 2008 10:14 19. oktober 2008 10:14
    1

    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

  2. zigunawan
    October 23rd, 2008 09:43 23. okt 2008 09:43
    2

    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!

  3. moonlightafridi
    November 13th, 2008 18:10 13. november 2008 18:10
    3

    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.

  4. moonlightafridi
    November 13th, 2008 18:37 13. november 2008 18:37
    4

    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?

  5. zigunawan
    November 15th, 2008 02:52 15. november 2008 02:52
    5

    not work on my blogspot! ne dela na mojem BLOGSPOT! may I wrong place the code? lahko kaj narobe postavite kodo?

  6. zigunawan
    November 15th, 2008 06:34 15. november 2008 06:34
    6

    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!

  7. lasse Lasse
    November 21st, 2008 04:23 21. november 2008 04:23
    7

    This doesnt work at all for me. To doesnt dela na vse za mano. Nothing changes at all. Nič sprememb na vseh.

  8. Ravi
    November 22nd, 2008 05:49 22. november 2008 05:49
    8

    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

  9. Ravi
    November 23rd, 2008 19:21 23. november 2008 19:21
    9

    It’sa Leora Ka Bal solution. To Leora Ka Bal rešitev.

Leave a Reply Leave a Reply

You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> Lahko uporabite te oznake: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime = ""> <em> <i> <q Cite=""> <strike> <strong>

Subscribe to comments feature has been disabled. Naročite se na komentarje funkcija je bila onemogočena. To receive notification of latest comments posted, subscribe to Če želite prejemati obvestila o najnovejših komentarji, se morate naročiti na My Digital Life Comments RSS feed Moje digitalno življenje razložiti RSS feed or ali register to receive Registrirajte se za prejemanje new comments in daily email digest. novi komentarji v e-poštno sporočilo na dan Digest.
Custom Search

New Articles Novi členi

Incoming Search Terms for the Article Dohodna Iskanje Pogoji za člen

blogger page navigation blogger strani navigacija - -- Google Blogger' Page Numbers Navigation Bar Google Blogger "Page Numbers navigacijski vrstici - -- html document navigation first next last page html dokument navigacija prvi naslednji zadnji strani - -- Page Navigation Menu Widget for Blogger Page navigation Menu widget za Blogger - -- add page navigation dodaj stran navigacija - -- blogger add page navigation hack blogger dodati stran navigacija Rešetkasto - -- blogger page navigator blogger hacks blogger stran navigator blogger hacks - -- next page link in blogger Naslednja stran povezavo v blogger - -- numbered page link in blogger oštevilčenih strani povezava na blogger - -- web page number navigation spletne strani, število navigacija - -- 'categories' 'labels' 'linking' 'blogspot' "kategorije" oznake "povezujejo" BLOGSPOT " - -- add number dodati številko - -- how to add page for next posting for blogger kako dodati stran za naslednjo objavo za blogger - -- how to add pages to blogger kako lahko dodate na strani blogger - -- how to add a new page to blogger kako dodati novo stran, da blogger - -- navigation for blogger navigacija za blogger - -- next page for blogger Naslednja stran za blogger - -- number navigation in html Številka plovbe v html - -- page number blogger številka strani blogger - -- page no blogger stran ne blogerja - -- Technical Manual Page Numbering Tehnični priročnik oštevilčenje strani - -- add pages blogger older posts dodaj stran blogger starejših objav - -- add a page in blogger Dodajanje strani v spletniku - -- adding pages to blogger dodajanje strani s blogger - -- add page blogger dodaj stran blogger - -- download first,next,previous and last navigation images najprej, naslednjo, prejąnjo, in nazadnje navigacija slike - -- html/javascripts gadget blogger free html / javascripts gadget blogger prosto - -- last page navigation web navigacija spletna stran je bila nazadnje - -- numbered page navigation blogger oštevilčenih strani navigacija blogger - -- PAGE NAVIGATION BUTTON IN BLOGGER Strani navigacija gumb na blogger - -- Page Navigation manually Page Navigacija ročno - -- Wordpress Page Navigation Numbers Wordpress Page navigacija številke - -- add next page in blogger dodajte naslednji strani v spletniku - -- add numbers blogger older post Dodajanje številk blogger starejših pošti - -- add blogger page navigation guide dodaj stran blogger navigacijski vodič - -- blogger navigation menu + labels blogger navigacijski meni + nalepke - -- blogger page hack blogger stran Rešetkasto - -- blogspot navigation links BLOGSPOT navigacija povezave - -- blogger next page blogger naslednjo stran - -- blogger blog pager blogger blog pager - -- how do i add a page link to my blog Kako dodam strani povezava na moj blog - -- html for numbered pages html za oštevilčenih strani - -- navigation links for blogger navigacija povezave za blogger - -- next page link in blogspot Naslednja stran povezavo na BLOGSPOT - -- page numbers in blogger številke strani v spletniku - -- page number blogspot številka strani BLOGSPOT - -- add page number blogger dodaj stran številko blogger - -- adding pagenumbers index to blogger dodal pagenumbers indeks za blogger - -- blogger next page html blogger naslednjo stran html - -- blogger page number hack blogger številka strani Rešetkasto - --