Add Page Number (with First and Last Page) Navigation Link for Blogger (Blogspot) with Gadget Element and Manual Hack Magdagdag Page Number (sa Unang at Last Page) Navigation Link para sa Blogger (Blogspot) na may Gadget Sangkap at Manual tadtarin

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 libreng blog publishing platform ay gumagamit ng isang pretty limitado navigation tampok na lamang display "Mas lumang Posts" o "Mas Bagong Post" na link sa mga mambabasa hayaan mag-navigate at mag-browse sa iba pang mga pahina sa homepage (index), archive, kategorya at label na pahina. 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. Hindi tulad ng WordPress blog na sumusuporta sa plugin na-customize ang mga pahina ng mga navigation link sa bilang ng mga pahina listing upang gawin itong mas user friendly, Blogger, kung naka-host sa blogspot.com o pasadyang domain ay hindi magkaroon ng ganoong flexibility.

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. Gayunman, ito ay posible pa rin na baguhin at palitan ang pangkaraniwang klasikong "Mas lumang Posts" at "Mas Bagong Post" navigation link sa Blogger blog na bilang ng mga pahina navigation, bilang larawan sa figure sa ibaba sa pamamagitan ng paggamit ng CSS at JavaScript tadtarin wrote by 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. Tulad ng ipinapakita sa imahe sa itaas, ang mga navigation link na binubuo ng mga numero ng pahina, unang pahina, huling pahina, sa susunod na pahina at mga nakaraang pahina (kung naaangkop) ay ipakita sa Blogger blog sa halip ng sa karaniwang "Mas luma Items" at "Mas bago Mga aytem na" text link.

To add the “new” navigation link with page number to Blogger blog, simply add in a new Page Element Gadget in the Blogger. Upang idagdag ang "bagong" navigation link sa mga pahina ng numero sa Blogger blog, idagdag lamang sa isang bagong Sangkap ng Pahina Gadget sa Blogger. To do so, follow the guide below: Upang gawin ito, sundin ang mga patnubay sa ibaba:

1. Login to Mag-login sa Blogger account Dashboard . Dashboard account.
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. I-click ang Layout ng link para sa mga blog na gusto mong baguhin (kung tinitingnan mo ang blog at naka-log in sa Blogger o ng Google Account, i-click lamang sa Customize sa Next Blog toolbar.
3. Go to Page Element tab (by default). Pumunta sa tab ng Sangkap ng Pahina (sa pamamagitan ng default).
4. Click on Add a Gadget anywhere in the layout. Mag-click sa Magdagdag ng Gadget kahit saan sa mga layout.
5. In the Add a Gadget window, select HTML/JavaScript . Sa ang Magdagdag ng isang Gadget window, piliin ang HTML / JavaScript.
6. Add the following code into the Content text field. Idagdag ang mga sumusunod na code sa Nilalaman ng 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. Title patlang ay maaaring iwanang blangko, o i-type sa anumang paglalarawan tulad ng "Page Navigation" sa iba-iba ito mula sa iba pang mga bahagi ng widgets.
   

   <style>
   .showpageArea { . showpageArea (
   padding: 0 2px;margin-top:10px;margin-bottom:10px; padding: 0 2px; margin-top: 10px; margin-bottom: 10px;
   } )

   .showpageArea a { . showpageArea ng isang (
   border: 1px solid #505050; border: 1px solid # 505050;
   color: #000000;font-weight:normal; color: # 000000; font-weight: normal;
   padding: 3px 6px !important; padding: 3px 6px! mahalaga;
   padding: 1px 4px ;margin:0px 4px; padding: 1px 4px; margin: 0px 4px;
   text-decoration: none; text-hiyas: none;
   } )

   .showpageArea a:hover { . showpageArea ng: mag-abang-abang (
   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 ng isang (
   border: 1px solid #505050; border: 1px solid # 505050;
   color: #000000;font-weight:normal; color: # 000000; font-weight: normal;
   padding: 3px 6px !important; padding: 3px 6px! mahalaga;
   padding: 1px 4px ;margin:0px 4px; padding: 1px 4px; margin: 0px 4px;
   text-decoration: none; text-hiyas: none;
   } )

   .showpageNum a:hover { . showpageNum ng: mag-abang-abang (
   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 ng: mag-abang-abang (
   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-hiyas: none;
   border: 1px solid #0066cc; border: 1px solid # 0066cc;
   color: #0066cc; color: # 0066cc;
   background-color: #FFFFFF;} background-color: # FFFFFF;)

   .showpageNum a:hover { . showpageNum ng: mag-abang-abang (
   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) { function 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?-update ")!=- 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 = 'Unang';
   var endPageWord = ‘Last’; var endPageWord = 'Last';
   var upPageWord =’Previous’; var upPageWord = 'Nakaraan';
   var downPageWord =’Next’; var downPageWord = 'Susunod';

   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++) { para sa (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){ kung (isLablePage) (
   if(title!=”){ kung (pamagat !="){
   if(post.category){ kung (post.category) (
   for(var c=0, post_category; post_category = post.category[c]; c++) { para sa (var c = 0, post_category; post_category = post.category [c]; c + +) (
   if(encodeURIComponent(post_category.term)==thisLable){ kung (encodeURIComponent (post_category.term) == thisLable) (
   if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){ kung (itemCount == 0 | | (itemCount% pageCount == (pageCount-1))) (
   if(thisUrl.indexOf(timestamp)!=-1 ){ kung (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 + '?-update-max =' + timestamp + 'T00% 3A00% 3A00% 2B08% 3A00 & max-results =' + pageCount;
   } )
   } )
   } )
   }//end if(post.category){ ) / / end kung (post.category) (

   itemCount++; itemCount + +;
   } )

   }else{ ) else (
   if(title!=”){ kung (pamagat !="){
   if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){ kung (itemCount == 0 | | (itemCount% pageCount == (pageCount-1))) (
   if(thisUrl.indexOf(timestamp)!=-1 ){ kung (thisUrl.indexOf (timestamp)! =- 1) (
   thisNum = postNum; thisNum = postNum;
   } )

   if(title!=”) postNum++; kung (pamagat! = ") postNum + +;
   htmlMap[htmlMap.length] = ‘/search?updated-max=’+timestamp+’T00%3A00%3A00%2B08%3A00&max-results=’+pageCount; htmlMap [htmlMap.length] = '/ search?-update-max =' + timestamp + 'T00% 3A00% 3A00% 2B08% 3A00 & max-results =' + pageCount;
   } )
   } )
   itemCount++; itemCount + +;
   } )
   } )

   for(var p =0;p< htmlMap.length;p++){ para sa (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){ kung (fFlag == 0 & & p == thisNum-2) (
   if(thisNum==2){ kung (thisNum == 2) (
   if(isLablePage){ kung (isLablePage) (
   upPageHtml = labelHtml + upPageWord +’</a></span>’; upPageHtml = labelHtml + upPageWord + '</ a> </ span>';
   }else{ ) else (
   upPageHtml = ‘<span class=”showpage”><a href=”/”>’+ upPageWord +’</a></span>’; upPageHtml = '<span class="showpage"> <a href="/">' + upPageWord + '</ a> </ span>';
   } )
   }else{ ) else (
   upPageHtml = ‘<span class=”showpage”><a href=”‘+htmlMap[p]+’”>’+ upPageWord +’</a></span>’; upPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">' + upPageWord + '</ a> </ span>';
   } )

   fFlag++; fFlag + +;
   } )

   if(p==(thisNum-1)){ kung (p == (thisNum-1)) (
   html += ‘&nbsp;<span class=”showpagePoint”><u>’+thisNum+’</u></span>’; html + = '<span class="showpagePoint"> <u>' + thisNum + '</ u> </ span>';
   }else{ ) else (
   if(p==0){ kung (p == 0) (
   if(isLablePage){ kung (isLablePage) (
   html = labelHtml+’1</a></span>’; html = labelHtml +'1 </ a> </ span> ';
   }else{ ) else (
   html += ‘<span class=”showpageNum”><a href=”/”>1</a></span>’; html + = '<span class="showpageNum"> <a href="/"> 1 </ a> </ span>';
   } )
   }else{ ) else (
   html += ‘<span class=”showpageNum”><a href=”‘+htmlMap[p]+’”>’+ (p+1) +’ </a></span>’; html + = '<span class="showpageNum"> <a href="'+htmlMap[p]+'">' + (p +1) + '</ a> </ span>';
   } )
   } )

   if(eFlag ==0 && p == thisNum){ kung (eFlag == 0 & & p == thisNum) (
   downPageHtml = ‘<span class=”showpage”> <a href=”‘+htmlMap[p]+’”>’+ downPageWord +’</a></span>’; downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">' + downPageWord + '</ a> </ span>';
   eFlag++; eFlag + +;
   } )
   }//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){ ) / / end if (p> = (thisNum-displayPageNum-1) & & p <(thisNum + displayPageNum)) (
   }//end for(var p =0;p< htmlMap.length;p++){ ) / / end para sa (var p = 0; p <htmlMap.length; p + +) (

   if(thisNum>1){ kung (thisNum> 1) (
   if(!isLablePage){ kung (! isLablePage) (
   html = ‘<span class=”showpage”><a href=”/”>’+ firstPageWord +’ </a></span>’+upPageHtml+’ ‘+html +’ ‘; html = '<span class="showpage"> <a href="/">' + firstPageWord + '</ a> </ span>' + upPageHtml + '' + html + '';
   }else{ ) else (
   html = ”+labelHtml + firstPageWord +’ </a></span>’+upPageHtml+’ ‘+html +’ ‘; html = "+ labelHtml + firstPageWord + '</ a> </ span>' + upPageHtml + '' + html + '';
   } )
   } )

   html = ‘<div class=”showpageArea”><span style=”font-size:11px;padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333; background-color: #FFFFFF;” class=”showpage”>Page ‘+thisNum+’ of ‘+(postNum-1)+’: </span>’+html; html = '<div class="showpageArea"> <span style = "font-size: 11px; padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; color: # 000000; border: 1px solid # 333; background - color: # FFFFFF; "class =" showpage "> Page '+ thisNum +' ng '+ (postNum-1) +': </ span> '+ html;

   if(thisNum<(postNum-1)){ kung (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++; kung (postNum == 1) postNum + +;
   html += ‘</div>’; html + = '</ div>';

   if(isPage || isFirstPage || isLablePage){ kung (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){ kung (postNum <= 2) (
   html =”; html = ";
   } )

   for(var p =0;p< pageArea.length;p++){ para sa (var p = 0; p <pageArea.length; p + +) (
   pageArea[p].innerHTML = html; pageArea [p]. innerHTML = html;
   } )

   if(pageArea&&pageArea.length>0){ kung (pageArea & & pageArea.length> 0) (
   html =”; html = ";
   } )

   if(blogPager){ kung (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. I-click ang I-save button.
8. Drag and drop the newly added HTML/JavaScript gadget to directly right below the Blog Posts element. I-drag and drop ang mga bagong idinagdag na HTML / JavaScript gadget sa direktang karapatan sa ibaba ang mga Post sa Blog sangkap.
9. Click on Save button to make the change effective. I-click ang I-save sa button na gumawa ng pagbabago epektibo.

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. Para sa user na hindi mo nais na gamitin ang Sangkap ng Pahina widget o gadget, ito ay posible sa mano-mano-e-edit ang HTML file, kahit na ito ay mas mahirap na gawin at dapat lamang ay sinubukan sa pamamagitan ng blogger na may mga teknikal na kadalubhasaan.

1. Login to Mag-login sa Blogger account Dashboard . Dashboard account.
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. I-click ang Layout ng link para sa mga blog na gusto mong baguhin (kung tinitingnan mo ang blog at naka-log in sa Blogger o ng Google Account, i-click lamang sa Customize sa Next Blog toolbar.
3. Go to Edit HTML tab (there is no need to expand widget templates). Magpunta sa I-edit ang HTML na tab (hindi na kailangan sa pagpapalawak ng mga template ng widget).
4. Search for the following line: ]]></b:skin> Search para sa mga sumusunod na linya: ]]></b:skin>
5. Copy the following CSS code and paste or append the code above the line: Kopyahin ang sumusunod na CSS code at idagdag o i-paste ang code sa itaas ng linya:

   .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: Next, search para sa mga sumusunod na linya ng code sa template na 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. Tandaan: Ang 'hindi' pagkatapos ng "showaddelement" ay maaaring maging 'yes' para sa ilang mga blogger.

7. Add and append the following JavaScript code right after the </b:section> line: Magdagdag at idagdag ang sumusunod na code ng JavaScript sa kanan pagkatapos ng </ b: section> linya:
   

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

   function showpageCount(json) { function 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?-update ")!=- 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 = 'Unang';
   var endPageWord = &#39;Last&#39;; var endPageWord = 'Last';
   var upPageWord =&#39;Previous&#39;; var upPageWord = 'Nakaraan';
   var downPageWord =&#39;Next&#39;; var downPageWord = 'Susunod';

   var labelHtml = &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;/search/label/&#39;+thisLable+&#39;?&amp;max-results=&#39;+pageCount+&#39;&quot;&gt;&#39;; var labelHtml = '<span class="showpageNum"> <a href = "/ search / label /' + thisLable + '? & max-results = & # 39; + pageCount +'">';

   for(var i=0, post; post = json.feed.entry[i]; i++) { para sa (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){ kung (isLablePage) (
   if(title!=&#39;&#39;){ kung (pamagat !=''){
   if(post.category){ kung (post.category) (
   for(var c=0, post_category; post_category = post.category[c]; c++) { para sa (var c = 0, post_category; post_category = post.category [c]; c + +) (
   if(encodeURIComponent(post_category.term)==thisLable){ kung (encodeURIComponent (post_category.term) == thisLable) (
   if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){ kung (itemCount == 0 | | (itemCount% pageCount == (pageCount-1))) (
   if(thisUrl.indexOf(timestamp)!=-1 ){ kung (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 + '?-update-max =' + timestamp + 'T00% 3A00% 3A00% 2B08 % 3A00 & max-results = '+ pageCount;
   } )
   } )
   } )
   }//end if(post.category){ ) / / end kung (post.category) (

   itemCount++; itemCount + +;
   } )

   }else{ ) else (
   if(title!=&#39;&#39;){ kung (pamagat !=''){
   if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){ kung (itemCount == 0 | | (itemCount% pageCount == (pageCount-1))) (
   if(thisUrl.indexOf(timestamp)!=-1 ){ kung (thisUrl.indexOf (timestamp)! =- 1) (
   thisNum = postNum; thisNum = postNum;
   } )

   if(title!=&#39;&#39;) postNum++; kung (pamagat !='') 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?-update-max =' + timestamp + 'T00% 3A00% 3A00% 2B08% 3A00 & max-results =' + pageCount;
   } )
   } )
   itemCount++; itemCount + +;
   } )
   } )

   for(var p =0;p&lt; htmlMap.length;p++){ para sa (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){ kung (fFlag == 0 & & p == thisNum-2) (
   if(thisNum==2){ kung (thisNum == 2) (
   if(isLablePage){ kung (isLablePage) (
   upPageHtml = labelHtml + upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;; upPageHtml = labelHtml + upPageWord + '</ a> </ span>';
   }else{ ) else (
   upPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;/&quot;&gt;&#39;+ upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;; upPageHtml = '<span class="showpage"> <a href="/">' + upPageWord + '</ a> </ span> ';
   } )
   }else{ ) else (
   upPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;; upPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">' upPageWord + + & # 39; </ a> </ span> ';
   } )

   fFlag++; fFlag + +;
   } )

   if(p==(thisNum-1)){ kung (p == (thisNum-1)) (
   html += &#39;&amp;nbsp;&lt;span class=&quot;showpagePoint&quot;&gt;&lt;u&gt;&#39;+thisNum+&#39;&lt;/u&gt;&lt;/span&gt;&#39;; html + = '<span class="showpagePoint"> <u>' + thisNum + '</ u> </ span>' ;;
   }else{ ) else (
   if(p==0){ kung (p == 0) (
   if(isLablePage){ kung (isLablePage) (
   html = labelHtml+&#39;1&lt;/a&gt;&lt;/span&gt;&#39;; html = labelHtml +'1 </ a> </ span> ';
   }else{ ) else (
   html += &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;/&quot;&gt;1&lt;/a&gt;&lt;/span&gt;&#39;; html + = '<span class="showpageNum"> <a href="/"> 1 </ a> </ span>';
   } )
   }else{ ) else (
   html += &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ (p+1) +&#39; &lt;/a&gt;&lt;/span&gt;&#39;; html + = '<span class="showpageNum"> <a href="'+htmlMap[p]+'">' + (p 1) + '</ a> </ span>';
   } )
   } )

   if(eFlag ==0 &amp;&amp; p == thisNum){ kung (eFlag == 0 & & p == thisNum) (
   downPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt; &lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ downPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;; downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">' downPageWord + + & # 39; </ a> </ span> ';
   eFlag++; eFlag + +;
   } )
   }//end if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){ ) / / end if (p> = (thisNum-displayPageNum-1) & & p <(thisNum + displayPageNum)) (
   }//end for(var p =0;p&lt; htmlMap.length;p++){ ) / / end para sa (var p = 0; p <htmlMap.length; p + +) (

   if(thisNum&gt;1){ kung (thisNum> 1) (
   if(!isLablePage){ kung (! isLablePage) (
   html = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;/&quot;&gt;&#39;+ firstPageWord +&#39; &lt;/a&gt;&lt;/span&gt;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;; html = '<span class="showpage"> <a href="/">' + firstPageWord + '</ a> </ span> '+ UpPageHtml +' '+ html +' ';
   }else{ ) else (
   html = &#39;&#39;+labelHtml + firstPageWord +&#39; &lt;/a&gt;&lt;/span&gt;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;; html =''+ labelHtml + firstPageWord + '</ a> </ span>' + upPageHtml + '' + html + ' ; ';
   } )
   } )

   html = &#39;&lt;div class=&quot;showpageArea&quot;&gt;&lt;span style=&quot;font-size:11px;padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333; background-color: #FFFFFF;&quot; class=&quot;showpage&quot;&gt;Page &#39;+thisNum+&#39; of &#39;+(postNum-1)+&#39;: &lt;/span&gt;&#39;+html; html = '<div class="showpageArea"> <span style = "font-size: 11px; padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; color: # 000000; hangganan : 1px solid # 333; background-color: # FFFFFF; "class =" showpage "> Page '+ thisNum +' ng '+ (postNum-1) +' ;: </ Span> '+ html;

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

   if(isPage || isFirstPage || isLablePage){ kung (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){ kung (postNum <= 2) (
   html =&#39;&#39;; html ='';
   } )

   for(var p =0;p&lt; pageArea.length;p++){ para sa (var p = 0; p <pageArea.length; p + +) (
   pageArea[p].innerHTML = html; pageArea [p]. innerHTML = html;
   } )

   if(pageArea&amp;&amp;pageArea.length&gt;0){ kung (pageArea & & pageArea.length> 0) (
   html =&#39;&#39;; html ='';
   } )

   if(blogPager){ kung (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. I-click ang Preview ng pindutan upang masiguro na walang code error na natagpuan. No effect on the navigation hack can be seen though. Walang epekto sa navigation tadtarin ay makikita kahit na.
9. Click on Save Template to save the change. Mag-click sa I-save ang Template na i-save ang mga pagbabago.

Customization and Modification Pagpapasadya at pagbabago

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. Para sa user na ito ay hindi gumagamit ng blogspot.com domain (gamit ang self-host ng domain name), baguhin ang. Blogspot.com at 14 (13 na karakter ng mga pangalan ng domain + 1) sa linya ng var isFirstPage = thisUrl.substring (thisUrl.length -14, ThisUrl.length )==". blogspot.com / "; nang naaayon.
2. The value in the line of var pageCount =5; determines the number of posts to be shown on each page. Ang halaga sa linya ng var pageCount = 5; tumutukoy sa bilang ng mga posts na ipapakita sa bawat pahina.
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). Ang halaga sa linya ng var displayPageNum = 3; tumutukoy sa bilang ng mga pahina ng mga link sa navigation bar sa ipapakita (eg 1 - 2 - 3).
4. User who knows CSS and Java Script can customize the code to their likings. User na kung CSS at Java Script makakapag-customize ang code sa kanilang mga likings.

Source 1 Source 1 and at Source 2 Source 2

IMPORTANT : This is a machine translated page which is provided "as is" without warranty. MAHALAGA: Ito ay isang makina isinalin pahina na kung saan ay ibinigay "bilang ganito" walang warranty. Machine translation may be difficult to understand. Makina ng pagsasalin ay maaaring mahirap maintindihan. Please refer to Mangyaring sumangguni sa original English article orihinal na Ingles article whenever possible. hangga't maaari.

Share and contribute or get technical support and help at Share at kontribusyon o makakuha ng teknikal na suporta at tulong sa My Digital Life Forums Aking Digital buhay Forums .

Related Articles Mga Kaugnay na Akda

• Workaround to Add Custom Channels into Blogger AdSense Page Element Widget Workaround upang magdagdag ng custom channels sa Blogger AdSense sangkap ng pahina Widget
• Blogger (at BlogSpot) with Category Labels and Drag-and-Drop Template Editing Out of Beta Blogger (sa BlogSpot) na may mga label at Category Drag-and-Drop Template-edit Out of Beta
• Manual Setting on White Balance Manual setting sa White Balance
• Manual and Clean Uninstall Oracle for Windows Manual at malinis na i-uninstall Oracle for Windows
• Download Yahoo Messenger for Vista 2007.11.30.421 Standalone Manual Setup Installer Pag-download ng Yahoo Messenger para sa Vista 2007.11.30.421 standalone Manual Setup Installer
• Remove Microsoft Word Manual Formatting or Copied Formatting from External Source Tanggalin ang Microsoft Word format ng mano-mano o sa pag-format na kinopya mula sa panlabas na Source
• Gadget Birthday Cakes Gadget Birthday Cakes
• Gadget and Pretty Girl Gadget at Pretty Girl
• Nokia N95 New SmartPhone Gadget Nokia N95 bagong smartphone Gadget
• Global Gadget Mania Global gadget na pagnanasa

This entry was posted on Sunday, October 19th, 2008 at 4:14 am and is filed under Ang entry na ito ay posted on Sunday, oktubre 19th, 2008 at 4:14 am at ang file sa ilalim ng Weblogs Weblogs . . You can follow any responses to this entry through the Maaari mong sundin ang anumang sagot na ang entry na ito sa pamamagitan ng RSS 2.0 RSS 2.0 feed. You can feed. Maaari ninyong leave a response mag-iwan ng tugon , or , O trackback trackback from your own site. mula sa iyong sariling site.