[Blogger] 구글 블로그 페이징 처리하는법 1~블로거 페이지리스트 만드는 방법1~ (설정)_page list

+ 구글 블로그 페이징 처리하는법 1 (jquery, angular.js 사용)

출처 : G1's

https://blog.g1s.kr/2017/07/postlist.html

1. jquery, angular.js 두개의 라이브러리를 적용 : 블로그 관리자 페이지 >> 테마 >> HTML편집

* (기존 소스는 백업 권장)

2. 아래 사진처럼 <head>와 </head> 사이에 아래2줄 넣기

3. 다음 angular.js를 사용하기 위해 <html>태그에 ng-app="app" 선언

* (해당 작업을 하지 않았을 경우 동적으로 script에서 넣어주는 처리를 하고 있어 필수는 아님.)

4. 블로그 관리자 페이지 >> 레이아웃 : 가젯 추가 선택 HTML/JavaScript 선택

* (가젯 추가 시 본문에서 추가가 되지않더라도 가젯을 추가한 이후 원하는위치로 드래그하여 옮기는게 가능)

5. 아래사진 참고하여 제목지정 >> 아래 링크에서 소스복사 >> 내용에 붙여넣기

- 아래사진에서 드래그된 부분 설정 :

G1sPostList( 포스트수, 페이지수, 기본정렬 )

포스트 수 : 글목록 한페이지에 보여지는 포스트 수.

페이지 수 : 글목록 하단에 보여지는 페이지 수.

기본정렬 : 기본 글목록 정렬로 게시일(pubnlished)과 업데이트일(updated).

6. 적용된 모습

- 자세한내용은 출처글 참고

7. 다음편 예고

- 페이지리스트를 블로그에 적용시 문제점(버그)에 관하여 포스팅 예정

Rock Bottom Dev Bus