Add Page Number (with First and Last Page) Navigation Link for Blogger (Blogspot) with Gadget Element and Manual Hack 가제트 요소 및 수동 해킹의 Blogger (Blogspot의)에 대한 탐색 링크 첫번째와 마지막 페이지 ()과 페이지 번호 추가

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. WordPress의 페이지를 만들어 그 번호가 매겨진 목록 페이지의 탐색 링크를 사용자 정의 플러그인을 지원하는 블로그와 달리 더 많은 사용자에게 친숙하고, 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에서 번호가 매겨진 페이지를 탐색하는 블로그, 아래 그림에서 모하메드 Rias로 쓴 CSS와 JavaScript를 해킹 탐색 링크를 사용하여 삽화가 게시물입니다.

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 블로그에 페이지 번호와 함께 "새로운"탐색 링크를 추가하려면 새 페이지 요소를 가제트에서 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에 또는 구글 계정에 로그 인한 다음 블로그 도구 모음에서 사용자 지정을 클릭하기만하면됩니다.
3. Go to Page Element tab (by default). 페이지 요소 탭에 기본적으로 ()로 이동합니다.
4. Click on Add a Gadget anywhere in the layout. 레이아웃 어디에 가젯 추가를 클릭하십시오.
5. In the Add a Gadget window, select HTML/JavaScript . 에서 선택하십시오는 HTML / 자바 스크립트 가제트 창을 추가합니다.
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 : hover가 (
   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 : hover가 (
   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; 글꼴 - 무게 : 굵게;
   border: 1px solid #333; 국경 : 1px 고체 # 333;
   color: #fff; 색상 : # fff;
   background-color: #000000; 배경 - 색상 : # 000000;
   } )

   .showpage a:hover { . a에서 showpage : hover는 (
   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 :를 링크합니다. a에서 showpage : 링크는 (
   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 : hover가 (
   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 = 새 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 ( "/ 검색 / 라벨 /")!=- 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; = 0 fFlag var;
   var eFlag = 0; = 0 eFlag var;
   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 전 = 0, 게시물; 게시물 = json.feed.entry [i]를위한; 난 + +) (
   var timestamp = post.published.$t.substr(0,10); var = post.published 타임 스탬프. $ t.substr (0,10);
   var title = post.title.$t; var 제목 = post.title. $ T는;
   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){ 만약 (()를 thisLable ==) post_category.term encodeURIComponent (
   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 + '? 업데이트된 - 맥스 ='+ 타임 스탬프 + '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] = '/ 검색? 업데이트된 - 맥스 ='+ 타임 스탬프 + 'T00 % 3A00 % 3A00 % 2B08 % 3A00 & 맥스 - 결과 ='+ pagecount;
   } )
   } )
   itemCount++; itemCount + +;
   } )
   } )

   for(var p =0;p< htmlMap.length;p++){ = 0; P는 <htmlMap.length (var p 서비스; p 서비스 + +) (
   if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){ 만약 (p 서비스> = (thisNum - displayPageNum - 1) & & P는 <(thisNum + displayPageNum)) (
   if(fFlag ==0 && p == thisNum-2){ 만약 () == 0 & & == thisNum p 서비스 - 2 fFlag (
   if(thisNum==2){ (thisNum == 2) (
   if(isLablePage){ (isLablePage) (
   upPageHtml = labelHtml + upPageWord +’</a></span>’; upPageHtml = labelHtml + upPageWord + '</ a> </ span> ";
   }else{ 다른 ()
   upPageHtml = ‘<span class=”showpage”><a href=”/”>’+ upPageWord +’</a></span>’; upPageHtml = '의 <span class="showpage">은 <a href="/"> 도움말'+ upPageWord + '</ a> </ span> ";
   } )
   }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)){ 경우 (P는 == (thisNum - 1)) (
   html += ‘&nbsp;<span class=”showpagePoint”><u>’+thisNum+’</u></span>’; html로 + = '의 <span class="showpagePoint">를 <u>'+ + thisNum '</ u를> </ span> ";
   }else{ 다른 ()
   if(p==0){ 경우 (P는 == 0) (
   if(isLablePage){ (isLablePage) (
   html = labelHtml+’1</a></span>’; html로 = labelHtml + '1 </ a> </ span> ";
   }else{ 다른 ()
   html += ‘<span class=”showpageNum”><a href=”/”>1</a></span>’; html로 + = '하나의 <span class="showpageNum">은 <a href="/"> 도움말 </ a> </ span> ";
   } )
   }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){ 만약 (== 0 & & P는 eFlag == 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)){ ) / / 끝이면 (> = (thisNum - displayPageNum - 1) & & P는 <(thisNum + displayPageNum)) (p 서비스
   }//end for(var p =0;p< htmlMap.length;p++){ = 0; P는 <htmlMap.length (var p 서비스; 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> </ span> "+ upPageHtml +' '+는 HTML +' ';
   }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 스타일 = "글꼴 - 크기 : 11px; 패딩 : 2px 4px 2px 4px; 여백 : 2px 2px 2px 2px; 색상 : # 000000; 국경 : 1px 고체 # 333; 배경 - 색상 : # FFFFFF; "은 class ="showpage를 "> 페이지에서 '+ thisNum +' '+ (postNum - 1) +': </ span>"+ 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> </ span> ";
   } )

   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++){ = 0; P는 <pageArea.length (var p 서비스; 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 / 자바 스크립트 가제트 오른쪽 아래의 요소를 직접 블로그 게시물입니다.
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 파일을 수동으로 편집 가능하고 싶지 않아 기술적 전문성과 블로거에 의해서만 시도해야한다.

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에 또는 구글 계정에 로그 인한 다음 블로그 도구 모음에서 사용자 지정을 클릭하기만하면됩니다.
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" '아니오'이후가 될 수있다 'yes'를 일부 블로거.

7. Add and append the following JavaScript code right after the </b:section> line: 추가하고 </ b : 섹션> 라인 : 뒤에 다음 JavaScript 코드를 바로 추가
   

   &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 = 새 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 ( "/ 검색 / 라벨 /")!=- 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; = 0 fFlag var;
   var eFlag = 0; = 0 eFlag var;
   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"> <a href = "/ 검색 / 레이블 /'+ + thisLable '? & 맥스 - 결과 = & # 39; + pagecount +'">';

   for(var i=0, post; post = json.feed.entry[i]; i++) { (var 전 = 0, 게시물; 게시물 = json.feed.entry [i]를위한; 난 + +) (
   var timestamp = post.published.$t.substr(0,10); var = post.published 타임 스탬프. $ t.substr (0,10);
   var title = post.title.$t; var 제목 = post.title. $ T는;
   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){ 만약 (()를 thisLable ==) post_category.term encodeURIComponent (
   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 + '? 업데이트된 - 맥스 ='+ 타임 스탬프 + '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] = '/ 검색? 업데이트된 - 맥스 ='+ 타임 스탬프 + '3A00 % T00 % 2B08 % 3A00 & 맥스 - 3A00 % 결과 ='+ pagecount;
   } )
   } )
   itemCount++; itemCount + +;
   } )
   } )

   for(var p =0;p&lt; htmlMap.length;p++){ = 0; P는 <htmlMap.length (var p 서비스; 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){ 만약 () == 0 & & == thisNum p 서비스 - 2 fFlag (
   if(thisNum==2){ (thisNum == 2) (
   if(isLablePage){ (isLablePage) (
   upPageHtml = labelHtml + upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;; upPageHtml = labelHtml + upPageWord + '</ a> </ span> ";
   }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{ 다른 ()
   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)){ 경우 (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{ 다른 ()
   if(p==0){ 경우 (P는 == 0) (
   if(isLablePage){ (isLablePage) (
   html = labelHtml+&#39;1&lt;/a&gt;&lt;/span&gt;&#39;; html로 = labelHtml + '1 </ a> </ span> ";
   }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="/"> 도움말 </ a> </ span> ";
   } )
   }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){ 만약 (== 0 & & P는 eFlag == 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)){ ) / / 끝이면 (> = (thisNum - displayPageNum - 1) & & P는 <(thisNum + displayPageNum)) (p 서비스
   }//end for(var p =0;p&lt; htmlMap.length;p++){ = 0; P는 <htmlMap.length (var p 서비스; 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> </ span> '+ 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> </ 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 스타일 = "글꼴 - 크기 : 11px; 패딩 : 2px 4px 2px 4px; 여백 : 2px 2px 2px 2px; 색상 : # 000000; 국경 : 1px 고체 # 333; 배경 - 색상 : # FFFFFF; "은 class ="showpage를 "> 페이지에서 '+ thisNum +' '+ (postNum - 1) +' ; : </ span> "+ 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> </ span> ";
   } )

   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++){ = 0; P는 <pageArea.length (var p 서비스; 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. 해킹 탐색에 아무런 영향을 미치지 비록 볼 수있다.
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. (thisUrl.length 도메인을 사용하는 사용자에게는 blogspot.com (자기를 사용 - 도메인 이름을 호스팅), 및 도메인 이름 + 1) var isFirstPage의 14 라인에서 = thisUrl.substring의 (13 자. blogspot.com 수정되지 않습니다 -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). = 3; 탐색 표시줄에 페이지 링크의 수를 정의 displayPageNum var의 라인에있는 값 (예 : 1 - 2 - 3)가 표시됩니다.
4. User who knows CSS and Java Script can customize the code to their likings. 자신의 코드를 사용자 정의할 수있습니다 likings CSS와 자바 스크립트를 알고있는 사용자.

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 내 디지털 생활 포럼 .

Related Articles 관련 기사

• Workaround to Add Custom Channels into Blogger AdSense Page Element Widget 해결 Blogger에 애드 센스 페이지 요소를 위젯으로 사용자 정의 채널을 추가하려면
• Blogger (at BlogSpot) with Category Labels and Drag-and-Drop Template Editing Out of Beta 블로거가 BlogSpot () 범주 레이블과 드래그 함께 -와 - 놓기 템플릿 수정 베타의 없음
• Manual Setting on White Balance 수동 화이트 밸런스 설정을
• Manual and Clean Uninstall Oracle for Windows 매뉴얼 및 청소를 제거 Windows 용 오라클
• Download Yahoo Messenger for Vista 2007.11.30.421 Standalone Manual Setup Installer 다운로드 야후 메신저 비스타 2007.11.30.421 독립형 수동 설정을 설치
• Remove Microsoft Word Manual Formatting or Copied Formatting from External Source Microsoft Word를 수동으로 서식을 제거하거나 외부에서 소스를 복사된 서식
• Gadget Birthday Cakes 가제트 생일 케이크
• Gadget and Pretty Girl 가제트와 예쁜 여자
• Nokia N95 New SmartPhone Gadget 새로운 노키아 N95 스마트폰 가제트
• Global Gadget Mania 글로벌 가제트 마니아

This entry was posted on Sunday, October 19th, 2008 at 4:14 am and is filed under 이 항목은 일요일, 10 월 19, 2008에 게시하고 아래에 제출한 오전 4:14 Weblogs 웹로그 . . You can follow any responses to this entry through the 당신이이 항목을 통해 어떤 반응을 따를 수있습니다 RSS 2.0 RSS 2.0을 feed. You can 피드.하실 수있습니다 leave a response 응답을 떠나 , or , 또는 trackback 트랙백 from your own site. 자신의 사이트에서.