Add Page Number (with First and Last Page) Navigation Link for Blogger (Blogspot) with Gadget Element and Manual Hack Добавете Страница номер (с първа и последна страница) Navigation Линк за Blogger (Blogspot) с Gadget елемент и наръчник 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 блог безплатно публикуване на перони използва доста ограничен навигационни функции, които се показват само "По-стари пощи" или "По-нова поща линк, за да навигирате и прегледате читателите към други страници от началната (индекс), архив, категория и етикет страници. 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. За разлика от УърдПрес блог, който поддържа плъгини за да персонализирате страницата навигация линк към страницата за регистрация потребителят направи още по-приятелски, Blogger, независимо дали се хоства от blogspot.com или обичай на домейн не е такава гъвкавост.

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. Въпреки това, той все още е възможно да се промени и замени типичните класически "По-стари пощи" и "По-нова поща навигация, връзката Blogger блог, за да преброи страници навигация, както е илюстрирано на фигура по-долу с помощта на CSS и JavaScript hack написа Мохамед от ОВЗ.

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. Както е показано на снимката горе, навигация, връзката се състои от номера на страницата, първа страница, последна страница, следващата страница и назад (когато е приложимо) се показват на Blogger блог, вместо обичайното "По-стари елементи" и "По-нови Теми" текстови връзки.

To add the “new” navigation link with page number to Blogger blog, simply add in a new Page Element Gadget in the Blogger. За добавяне на "новите" навигационна връзка с номера на страници да Blogger блога, просто добавете в нов елемент от страницата Gadget в Blogger. To do so, follow the guide below: За да направите това, следвайте водач по-долу:

  1. Login to Вход за Blogger account Dashboard . профил таблото.
  2. Click on the Layout link for the blog that you want to modify (if you’re viewing the blog and logged in to Blogger or Google Account, just click on Customize on the Next Blog toolbar. Щракнете върху връзката оформлението на блога, който искате да се промени (ако сте я разглеждат блог и влязъл в Blogger или Google профил, просто щракнете върху Персонализиране на следващия блог лентата с инструменти.
  3. Go to Page Element tab (by default). Отиди на страница елемент в раздела (по подразбиране).
  4. Click on Add a Gadget anywhere in the layout. Щракнете върху Добави Gadget навсякъде в оформлението.
  5. In the Add a Gadget window, select HTML/JavaScript . В Добавете Gadget прозорец, изберете HTML / JavaScript.
  6. Add the following code into the Content text field. Добавете следния код в съдържателната текстовото поле. Title field can be left blank, or just type in any description such as “Page Navigation” to differentiate it from the rest of widgets. Заглавие област може да бъде оставено празно, или само да въведете какъвто и да е вид, като например ", за Параходство" за разлика от останалата част джунджурии.

    <style>
    .showpageArea { . showpageArea (
    padding: 0 2px;margin-top:10px;margin-bottom:10px; Подложен: 0 2px; марж-Горе: 10px; марж-отдолу: 10px;
    } )

    .showpageArea a { . showpageArea един (
    border: 1px solid #505050; граничния: 1px твърди # 505050;
    color: #000000;font-weight:normal; цвят: # 000000; шрифта тегло: нормални;
    padding: 3px 6px !important; Подложен: 3px 6px! важно;
    padding: 1px 4px ;margin:0px 4px; Подложен: 1px 4px; граница: 0px 4px;
    text-decoration: none; текстово-украса: няма;
    } )

    .showpageArea a:hover { . showpageArea A: (кръжа
    font-size:11px; размер на шрифта: 11px;
    border: 1px solid #333; граничния: 1px твърди # 333;
    color: #000000; цвят: # 000000;
    background-color: #FFFFFF; фон цвят: # FFFFFF;
    } )

    .showpageNum a { . showpageNum един (
    border: 1px solid #505050; граничния: 1px твърди # 505050;
    color: #000000;font-weight:normal; цвят: # 000000; шрифта тегло: нормални;
    padding: 3px 6px !important; Подложен: 3px 6px! важно;
    padding: 1px 4px ;margin:0px 4px; Подложен: 1px 4px; граница: 0px 4px;
    text-decoration: none; текстово-украса: няма;
    } )

    .showpageNum a:hover { . showpageNum A: (кръжа
    font-size:11px; размер на шрифта: 11px;
    border: 1px solid #333; граничния: 1px твърди # 333;
    color: #000000; цвят: # 000000;
    background-color: #FFFFFF; фон цвят: # FFFFFF;

    } )
    .showpagePoint { . showpagePoint (
    font-size:11px; размер на шрифта: 11px;
    padding: 2px 4px 2px 4px; Подложен: 2px 4px 2px 4px;
    margin: 2px; платежоспособност: 2px;
    font-weight: bold; шрифт тегло: Bold;
    border: 1px solid #333; граничния: 1px твърди # 333;
    color: #fff; цвят: # fff;
    background-color: #000000; фон цвят: # 000000;
    } )

    .showpage a:hover { . showpage A: (кръжа
    font-size:11px; размер на шрифта: 11px;
    border: 1px solid #333; граничния: 1px твърди # 333;
    color: #000000; цвят: # 000000;
    background-color: #FFFFFF; фон цвят: # FFFFFF;
    } )

    .showpageNum a:link,.showpage a:link { . showpageNum A: линк,. showpage A: линк (
    font-size:11px; размер на шрифта: 11px;
    padding: 2px 4px 2px 4px; Подложен: 2px 4px 2px 4px;
    margin: 2px; платежоспособност: 2px;
    text-decoration: none; текстово-украса: няма;
    border: 1px solid #0066cc; граничния: 1px твърди # 0066cc;
    color: #0066cc; цвят: # 0066cc;
    background-color: #FFFFFF;} фон цвят: # FFFFFF;)

    .showpageNum a:hover { . showpageNum A: (кръжа
    font-size:11px; размер на шрифта: 11px;
    border: 1px solid #333; граничния: 1px твърди # 333;
    color: #000000; цвят: # 000000;
    background-color: #FFFFFF; фон цвят: # FFFFFF;
    } )
    </style> </ Стил>

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

    function showpageCount(json) { функция showpageCount (json) (
    var thisUrl = location.href; Var thisUrl = location.href;
    var htmlMap = new Array(); Var htmlMap = нов масив ();
    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 ( "/ Търсене / етикет /")!=- 1;
    var isPage = thisUrl.indexOf(”/search?updated”)!=-1; Var isPage = thisUrl.indexOf ( "/ търсене? актуализиран ")!=- 1;
    var thisLable = isLablePage ? Var thisLable = isLablePage? thisUrl.substr(thisUrl.indexOf(”/search/label/”)+14,thisUrl.length) : “”; thisUrl.substr (thisUrl.indexOf ( "/ Търсене / етикета /") 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 = "Първа";
    var endPageWord = ‘Last’; Var endPageWord = "Последните";
    var upPageWord =’Previous’; Var upPageWord = "Назад";
    var downPageWord =’Next’; Var downPageWord = 'Следващ';

    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++) { за (Var I = 0, пункт; пост json.feed.entry = [I]; I + +) (
    var timestamp = post.published.$t.substr(0,10); Var клеймото = post.published. $ t.substr (0,10);
    var title = post.title.$t; Var заглавие = post.title. $ т;
    if(isLablePage){ ако (isLablePage) (
    if(title!=”){ ако (заглавие !="){
    if(post.category){ ако (post.category) (
    for(var c=0, post_category; post_category = post.category[c]; c++) { за (Var C = 0, post_category; post_category = post.category [C]; C + +) (
    if(encodeURIComponent(post_category.term)==thisLable){ ако (encodeURIComponent (post_category.term) == thisLable) (
    if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){ ако (itemCount == 0 | | (itemCount% pageCount == (pageCount-1))) (
    if(thisUrl.indexOf(timestamp)!=-1 ){ ако (thisUrl.indexOf (за време)! =- 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] = '/ Търсене / етикета / thisLable + +? актуализиран-Max = "+ + Време" T00% 3A00% 3A00% 2B08% 3A00 и Макс-резултати =' + pageCount;
    } )
    } )
    } )
    }//end if(post.category){ ) / / края, когато (post.category) (

    itemCount++; itemCount + +;
    } )

    }else{ останало ()
    if(title!=”){ ако (заглавие !="){
    if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){ ако (itemCount == 0 | | (itemCount% pageCount == (pageCount-1))) (
    if(thisUrl.indexOf(timestamp)!=-1 ){ ако (thisUrl.indexOf (за време)! =- 1) (
    thisNum = postNum; thisNum = postNum;
    } )

    if(title!=”) postNum++; ако (заглавие! = ") postNum + +;
    htmlMap[htmlMap.length] = ‘/search?updated-max=’+timestamp+’T00%3A00%3A00%2B08%3A00&max-results=’+pageCount; htmlMap [htmlMap.length] = '/ търсене? актуализиран-Max = "+ + Време" T00% 3A00% 3A00% 2B08% 3A00 и Макс-резултати =' + pageCount;
    } )
    } )
    itemCount++; itemCount + +;
    } )
    } )

    for(var p =0;p< htmlMap.length;p++){ за (Var P = 0; P <htmlMap.length; P + +) (
    if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){ ако (P> = (thisNum-displayPageNum-1) и и P> <(thisNum + displayPageNum)) (
    if(fFlag ==0 && p == thisNum-2){ ако (fFlag == 0 и == thisNum и P-2) (
    if(thisNum==2){ ако (thisNum == 2) (
    if(isLablePage){ ако (isLablePage) (
    upPageHtml = labelHtml + upPageWord +’</a></span>’; upPageHtml = labelHtml + upPageWord + '</ A> </ педя>';
    }else{ останало ()
    upPageHtml = ‘<span class=”showpage”><a href=”/”>’+ upPageWord +’</a></span>’; upPageHtml = '<span class="showpage"> <a href="/"> "+ upPageWord +' </ A> </ педя> ';
    } )
    }else{ останало ()
    upPageHtml = ‘<span class=”showpage”><a href=”‘+htmlMap[p]+’”>’+ upPageWord +’</a></span>’; upPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'"> "+ upPageWord +' </ A> </ педя> ';
    } )

    fFlag++; fFlag + +;
    } )

    if(p==(thisNum-1)){ ако (P == (thisNum-1)) (
    html += ‘&nbsp;<span class=”showpagePoint”><u>’+thisNum+’</u></span>’; HTML + = '<span class="showpagePoint"> <u> "+ thisNum +' </ U> </ педя> ';
    }else{ останало ()
    if(p==0){ ако (P == 0) (
    if(isLablePage){ ако (isLablePage) (
    html = labelHtml+’1</a></span>’; HTML labelHtml + = "1 </ A> </ педя> ';
    }else{ останало ()
    html += ‘<span class=”showpageNum”><a href=”/”>1</a></span>’; HTML + = '<span class="showpageNum"> <a href="/"> 1 </ A> </ педя>';
    } )
    }else{ останало ()
    html += ‘<span class=”showpageNum”><a href=”‘+htmlMap[p]+’”>’+ (p+1) +’ </a></span>’; HTML + = '<span class="showpageNum"> <a href="'+htmlMap[p]+'"> "+ (P +1) +" </ A> </ педя>';
    } )
    } )

    if(eFlag ==0 && p == thisNum){ ако (и 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> </ педя> ';
    eFlag++; eFlag + +;
    } )
    }//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){ ) / / край ако (P> = (thisNum-displayPageNum-1) и и P> <(thisNum + displayPageNum)) (
    }//end for(var p =0;p< htmlMap.length;p++){ ) / / край за (Var P = 0; P <htmlMap.length; P + +) (

    if(thisNum>1){ ако (thisNum> 1) (
    if(!isLablePage){ ако (! isLablePage) (
    html = ‘<span class=”showpage”><a href=”/”>’+ firstPageWord +’ </a></span>’+upPageHtml+’ ‘+html +’ ‘; HTML = '<span class="showpage"> <a href="/"> "+ firstPageWord +' </ A> </ педя> 'upPageHtml + +' '+ HTML +' ';
    }else{ останало ()
    html = ”+labelHtml + firstPageWord +’ </a></span>’+upPageHtml+’ ‘+html +’ ‘; HTML = "labelHtml + + firstPageWord + '</ A> </ педя>' 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"> <педя стил = "размер на шрифта: 11px; Подложен: 2px 4px 2px 4px; граница: 2px 2px 2px 2px; цвят: # 000000; граница: 1px твърди # 333; фон - цвят: # FFFFFF; "клас =" showpage "> страница" + thisNum + "на" + (postNum-1) + ": </ педи> '+ HTML;

    if(thisNum<(postNum-1)){ ако (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> </ педя> ';
    } )

    if(postNum==1) postNum++; ако (postNum == 1) postNum + +;
    html += ‘</div>’; HTML + = '</ div> ";

    if(isPage || isFirstPage || isLablePage){ ако (isPage | | isFirstPage | | isLablePage) (
    var pageArea = document.getElementsByName(”pageArea”); Var pageArea = document.getElementsByName ( "pageArea");
    var blogPager = document.getElementById(”blog-pager”); Var blogPager = document.getElementById ( "блог-пейджър");

    if(postNum <= 2){ ако (postNum <= 2) (
    html =”; HTML = ";
    } )

    for(var p =0;p< pageArea.length;p++){ за (Var P = 0; P <pageArea.length; P + +) (
    pageArea[p].innerHTML = html; pageArea [P]. innerHTML = HTML;
    } )

    if(pageArea&&pageArea.length>0){ ако (и pageArea и pageArea.length> 0) (
    html =”; HTML = ";
    } )

    if(blogPager){ ако (blogPager) (
    blogPager.innerHTML = html; blogPager.innerHTML = HTML;
    } )
    } )

    } )
    </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"> </ скрипта>

  7. Click Save button. Кликнете върху бутона Запази.
  8. Drag and drop the newly added HTML/JavaScript gadget to directly right below the Blog Posts element. Хванете и капка новоизбрания добави HTML / JavaScript притурка към директно долу вдясно на блога Постове елемент. Location of Page Navigation Gadget
  9. Click on Save button to make the change effective. Кликнете върху бутона Запази да направят промяната в сила.

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. За потребител, който не искате да ползвате страницата елемент притурка или притурка, е възможно за ръчно редактиране на HTML файлове, въпреки че това е по-трудно да направят и трябва да се опита от Blogger с техническа експертиза.

  1. Login to Вход за Blogger account Dashboard . профил таблото.
  2. Click on the Layout link for the blog that you want to modify (if you’re viewing the blog and logged in to Blogger or Google Account, just click on Customize on the Next Blog toolbar. Щракнете върху връзката оформлението на блога, който искате да се промени (ако сте я разглеждат блог и влязъл в Blogger или Google профил, просто щракнете върху Персонализиране на следващия блог лентата с инструменти.
  3. Go to Edit HTML tab (there is no need to expand widget templates). Отидете в раздела Редактиране на HTML (не е необходимо да се разшири притурка шаблони).
  4. Search for the following line: ]]></b:skin> Търсене на следния ред: ]]></b:skin>
  5. Copy the following CSS code and paste or append the code above the line: Копирай следния CSS код и кремообразни или добавете кода над ред:

    .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: След това търсенето на следния ред код в шаблона на 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. Забележка: "не" след "showaddelement" може да бъде "Да" за някои блогъри.

  7. Add and append the following JavaScript code right after the </b:section> line: Добавете и прилага следните JavaScript код веднага след </ B: Раздел> ред:

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

    function showpageCount(json) { функция showpageCount (json) (
    var thisUrl = location.href; Var thisUrl = location.href;
    var htmlMap = new Array(); Var htmlMap = нов масив ();
    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 ( "/ Търсене / етикет /")!=- 1;
    var isPage = thisUrl.indexOf(&quot;/search?updated&quot;)!=-1; Var isPage = thisUrl.indexOf ( "/ търсене? актуализиран ")!=- 1;
    var thisLable = isLablePage ? Var thisLable = isLablePage? thisUrl.substr(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.length) : &quot;&quot;; thisUrl.substr (thisUrl.indexOf ( "/ Търсене / етикета /") 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 = "Първа";
    var endPageWord = &#39;Last&#39;; Var endPageWord = "Последните";
    var upPageWord =&#39;Previous&#39;; Var upPageWord = "Назад";
    var downPageWord =&#39;Next&#39;; Var downPageWord = 'Следващ';

    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"> <един href = "/ Търсене / етикета / thisLable + +? и Макс-резултати и = # 39; + pageCount +'">';

    for(var i=0, post; post = json.feed.entry[i]; i++) { за (Var I = 0, пункт; пост json.feed.entry = [I]; I + +) (
    var timestamp = post.published.$t.substr(0,10); Var клеймото = post.published. $ t.substr (0,10);
    var title = post.title.$t; Var заглавие = post.title. $ т;
    if(isLablePage){ ако (isLablePage) (
    if(title!=&#39;&#39;){ ако (заглавие !=''){
    if(post.category){ ако (post.category) (
    for(var c=0, post_category; post_category = post.category[c]; c++) { за (Var C = 0, post_category; post_category = post.category [C]; C + +) (
    if(encodeURIComponent(post_category.term)==thisLable){ ако (encodeURIComponent (post_category.term) == thisLable) (
    if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){ ако (itemCount == 0 | | (itemCount% pageCount == (pageCount-1))) (
    if(thisUrl.indexOf(timestamp)!=-1 ){ ако (thisUrl.indexOf (за време)! =- 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] = '/ Търсене / етикета / thisLable + +? актуализиран-Max = "+ + Време" T00% 3A00% 3A00% 2B08 % 3A00 и Макс-резултати = '+ pageCount;
    } )
    } )
    } )
    }//end if(post.category){ ) / / края, когато (post.category) (

    itemCount++; itemCount + +;
    } )

    }else{ останало ()
    if(title!=&#39;&#39;){ ако (заглавие !=''){
    if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){ ако (itemCount == 0 | | (itemCount% pageCount == (pageCount-1))) (
    if(thisUrl.indexOf(timestamp)!=-1 ){ ако (thisUrl.indexOf (за време)! =- 1) (
    thisNum = postNum; thisNum = postNum;
    } )

    if(title!=&#39;&#39;) postNum++; ако (заглавие !='') postNum + +;
    htmlMap[htmlMap.length] = &#39;/search?updated-max=&#39;+timestamp+&#39;T00%3A00%3A00%2B08%3A00&amp;max-results=&#39;+pageCount; htmlMap [htmlMap.length] = '/ търсене? актуализиран-Max = "+ + Време" T00% 3A00% 3A00% 2B08% 3A00 и Макс-резултати =' + pageCount;
    } )
    } )
    itemCount++; itemCount + +;
    } )
    } )

    for(var p =0;p&lt; htmlMap.length;p++){ за (Var P = 0; P <htmlMap.length; P + +) (
    if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){ ако (P> = (thisNum-displayPageNum-1) и и P> <(thisNum + displayPageNum)) (
    if(fFlag ==0 &amp;&amp; p == thisNum-2){ ако (fFlag == 0 и == thisNum и P-2) (
    if(thisNum==2){ ако (thisNum == 2) (
    if(isLablePage){ ако (isLablePage) (
    upPageHtml = labelHtml + upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;; upPageHtml = labelHtml + upPageWord + '</ A> </ педя>';
    }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> </ педя> ";
    } )
    }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> </ педя> ';
    } )

    fFlag++; fFlag + +;
    } )

    if(p==(thisNum-1)){ ако (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> </ педя> ' ;
    }else{ останало ()
    if(p==0){ ако (P == 0) (
    if(isLablePage){ ако (isLablePage) (
    html = labelHtml+&#39;1&lt;/a&gt;&lt;/span&gt;&#39;; HTML labelHtml + = "1 </ A> </ педя> ';
    }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> </ педя>';
    } )
    }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> </ педя>';
    } )
    } )

    if(eFlag ==0 &amp;&amp; p == thisNum){ ако (и 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> </ педя> ';
    eFlag++; eFlag + +;
    } )
    }//end if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){ ) / / край ако (P> = (thisNum-displayPageNum-1) и и P> <(thisNum + displayPageNum)) (
    }//end for(var p =0;p&lt; htmlMap.length;p++){ ) / / край за (Var P = 0; P <htmlMap.length; P + +) (

    if(thisNum&gt;1){ ако (thisNum> 1) (
    if(!isLablePage){ ако (! 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> </ педя> "+ UpPageHtml + '' + HTML + '';
    }else{ останало ()
    html = &#39;&#39;+labelHtml + firstPageWord +&#39; &lt;/a&gt;&lt;/span&gt;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;; HTML =''labelHtml + + firstPageWord + '</ A> </ педя>' 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"> <педя стил = "размер на шрифта: 11px; Подложен: 2px 4px 2px 4px; граница: 2px 2px 2px 2px; цвят: # 000000; граница : 1px твърди # 333; фон цвят: # FFFFFF; "клас =" showpage "> страница" + thisNum + "на" + (postNum-1) + " ;: </ Педя> '+ HTML;

    if(thisNum&lt;(postNum-1)){ ако (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> </ педя>';
    } )

    if(postNum==1) postNum++; ако (postNum == 1) postNum + +;
    html += &#39;&lt;/div&gt;&#39;; HTML + = '</ div> ";

    if(isPage || isFirstPage || isLablePage){ ако (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 ( "блог-пейджър");

    if(postNum &lt;= 2){ ако (postNum <= 2) (
    html =&#39;&#39;; HTML ='';
    } )

    for(var p =0;p&lt; pageArea.length;p++){ за (Var P = 0; P <pageArea.length; P + +) (
    pageArea[p].innerHTML = html; pageArea [P]. innerHTML = HTML;
    } )

    if(pageArea&amp;&amp;pageArea.length&gt;0){ ако (и pageArea и pageArea.length> 0) (
    html =&#39;&#39;; HTML ='';
    } )

    if(blogPager){ ако (blogPager) (
    blogPager.innerHTML = html; blogPager.innerHTML = HTML;
    } )
    } )

    } )
    &lt;/script&gt; </ скрипта>

    &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"> </ скрипта>

  8. Click on Preview button to ensure that no code error been found. Щракнете върху бутона Преглед гарантира, че няма код за грешка била намерена. No effect on the navigation hack can be seen though. Няма ефект върху навигация hack може да се види все пак.
  9. Click on Save Template to save the change. Кликнете върху Запазване на шаблона да запазите промените.

Customization and Modification Персонализиране и модифициране

  1. For user who is not using blogspot.com domain (using self-hosted domain name), modify the .blogspot.com and 14 (13 characters of domain name + 1) in the line of var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==&quot;.blogspot.com/&quot;; accordingly. За потребител, който не ползва blogspot.com домейн (като се използва самостоятелно хоства домейн име), модифицирате. Blogspot.com и 14 (13 символа на домейн + 1) в линията на Var isFirstPage = thisUrl.substring (thisUrl.length -14, ThisUrl.length )==". blogspot.com / "; съответно.
  2. The value in the line of var pageCount =5; determines the number of posts to be shown on each page. Стойността в линията на Var pageCount = 5; определя броя на длъжностите, за да се показват на всяка страница.
  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). Стойността в линията на Var displayPageNum = 3; определя броя на връзките в страницата за навигация лента, за да бъдат показани (напр. 1 - 2 - 3).
  4. User who knows CSS and Java Script can customize the code to their likings. Потребител, който знае, CSS и Java скрипт да персонализирате код, за да им likings.

Source 1 Източник 1 and и Source 2 Източник 2

IMPORTANT : This is a machine translated page which is provided "as is" without warranty. ВАЖНО: Това е една машина преведени страници, които се предоставят "както е" без гаранция. Machine translation may be difficult to understand. Машинен превод може да е трудно да разбереш. Please refer to Моля, вижте original English article оригиналния английски статия whenever possible. когато е възможно.

Share and contribute or get technical support and help at Споделете и да допринасят или да техническа поддръжка и помощ My Digital Life Forums Моят Дигитален живот Форуми .



9 Responses to “Add Page Number (with First and Last Page) Navigation Link for Blogger (Blogspot) with Gadget Element and Manual Hack” 9 коментара към "Добавяне на страница номер (с първа и последна страница) Navigation Линк за Blogger (Blogspot) с Gadget елемент и наръчник Hack"

  1. JK Ж.к.
    October 19th, 2008 10:14 19-ти октомври, 2008 10:14
    1

    Everything OK. Всичко ОК. But while trying this found some problems. Но докато се опитва настоящия открити някои проблеми. For example, when I click on ‘next’ page, some times it shows the same page, especially after 6th or 7th page. Например, когато щракнете върху "Следваща страница, някои пъти го показва една и съща страница, особено след 6-ти и 7-ми страница. I think it is because of the script used. Мисля, че е заради сценария използват. It is not as smooth as wordpress navigation - Jkwebtalks То не е толкова гладко, както WordPress навигация - Jkwebtalks

  2. zigunawan
    October 23rd, 2008 09:43 23-ти октомври, 2008 09:43
    2

    my blogs is still in classic blogger, could this treat i used to my blog? Блогове ми е все още в класическия Blogger, това може да използва за лечение на моя блог?

    And how to showing the page number on wordpress, the page number plugin just only support up to 2.5 version. И как да се показва номера на страницата на WordPress, номера на страницата плъгин просто поддържат до 2,5 версия. is there any idea? Има ли някаква идея? or just waiting for plugin the new version release? или просто да чакаш плъгин новата версия съобщение?

    thanks! благодарности!

  3. moonlightafridi
    November 13th, 2008 18:10 13-ти ноември 2008 18:10
    3

    not working ……. не работи ... ....
    coz I did the same as u written above . coz съм същата като U написани горе.
    but no page numbering could be shown . номериране на страници, но не могат да бъдат показани.

  4. moonlightafridi
    November 13th, 2008 18:37 13-ти ноември 2008 18:37
    4

    I’ve done now ……… Аз бях сторил сега ... ... ...
    page’s number are shown in my blog броят на страницата са показани в моя блог
    but How to arrange pages in my blog ? Но как да се организира страници в моя блог?

  5. zigunawan
    November 15th, 2008 02:52 15-ти ноември 2008 02:52
    5

    not work on my blogspot! не работи в моя Blogspot! may I wrong place the code? Може ли грешното място кода?

  6. zigunawan
    November 15th, 2008 06:34 15-ти ноември 2008 06:34
    6

    it’s work now on my Free cell phone theme това е работа на моя мобилен телефон за свободна тема ! !
    but sometime, there,s an error like this Но някога, там е грешка, като този
    “No posts match your query.” "Няма постове отговарящи на заявката Ви."
    is there any solution! има ли решение!

  7. lasse Lasse
    November 21st, 2008 04:23 21-ви ноември 2008 04:23
    7

    This doesnt work at all for me. Това doesn't работата на всички за мен. Nothing changes at all. Нищо не променя нищо.

  8. Ravi Рави
    November 22nd, 2008 05:49 22-ри ноември 2008 05:49
    8

    Its not working for me, I copied the code above and I am using the new blogger. Нейната не работи за мен, аз копират кода горе, и аз съм с новата версия на Blogger. Could yoou please help me on this. Може yoou моля да ми помогне по този въпрос.

    Ravi Рави

  9. Ravi Рави
    November 23rd, 2008 19:21 23-ти ноември 2008 19:21
    9

    It’sa Leora Ka Bal solution. Това е Leora Ка Bal разтвор.

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> Можете да използвате тези тагове: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <дел datetime = ""> <em> <i> <q Cite=""> <strike> <strong>

Subscribe to comments feature has been disabled. Абонирайте се за коментарите функцията е била изключена. To receive notification of latest comments posted, subscribe to За да получавате известия за най-новите коментари, публикувани, за да се абонирате My Digital Life Comments RSS feed Моят живот цифрови Коментари RSS емисия or или register to receive регистрирайте, за да получат new comments in daily email digest. нови коментари в дневния имейл дайджест.
Custom Search

New Articles Нови членове

Incoming Search Terms for the Article Постъпили търсене Условия за статията

page navigation numbers blogger страница навигация номера Blogger - --