전화카드한장

구글 블로그 (블로그스팟)에 카테고리 만들기

카테고리를 만든후 해당 카테고리 최신글 목록을 만들고 싶으면 아래 링크를 참고하세요

구글 블로그 카테고리별 글 목록 만들기 

먼저 구글 블로그의 디자인 화면으로 갑니다.

블로그 디자인 화면에서 레이아웃을 선택합니다.

그러면 아래 화면이 나옵니다.

오른쪽 사이드바에있는 가젯추가 버튼을 누릅니다(위치는 완료후 이동할 수 있습니다)

그러면 아래의 가젯추가 화면이 나옵니다.

이렇게 가젯추가 화면이 나오면  HTML/JavaScript 형식으로 가젯을 추가합니다.

그러면 이렇게 HTML / JavaScript 구성 화면이 나옵니다.

제목창에 원하는 제목(예를 들면 카테고리모음 )을 입력하고

내용창에는 아래 소스코드를 본인의 카테고리 목록에 맞에 수정후 삽입해줍니다.

소스코드는 파일첨부했으니 다운받아서 수정하시면 됩니다.

소스코드 파일 다운받으세요

구글 블로그 카테고리 만들기 소스코드.txt

소스코드를 삽입한 후에는 이렇게 되는데 저장을 누르면 완료됩니다.

완료후에는 카테고리 가젯이 생성된것을 볼수 있습니다. 위치는 맘대로 옮길수 있습니다.

배치저장을 하면 됩니다 

이렇게 해서 위 그림처럼 카테고리가 생성된것을 볼수 있습니다. 

이제 소스코드에 대한 설명을 드리겠습니다.

(그림 1)

첫번째 그림은 설명이 전혀없는 순수한 카테고리 예제 소스입니다. (위에 첨부된 소스코드 파일)

(그림 2)

두번째 이그림은 위의 소스코드에 대한 간단안 설명을 추가한 그림입니다.

옆에 라인번호는 설명을 위해 추가한것이니 예제소스에는 없습니다

04 ~ 11번 라인까지가 원하는 카테고리 이름을 지어주는 부분입니다.

05번째 라인 소스코드에 대한 설명

<a id='category-no1' href='/search/label/첫번째카테고리이름?max-results=1'>첫번째카테고리이름</a></li>

만약 이부분을 영화이야기라는 카테고리 이름으로 하고싶다면

<a id='category-movie' href='/search/label/영화이야기?max-results=1'>영화이야기</a></li>

이렇게 수정할수 있습니다.

category-no1 을 category-movie로 바꾼것을 볼수 있을겁니다. 

정해진것은 아니니까 본인이 원하는것으로 바꾸시면 됩니다.

이렇게 원하는 카테고리 갯수만큼 (예제에는 4개지만) 추가하거나 삭제하시면 됩니다.

16번째 라인 소스코드에 대한 설명

this.a.style.fontSize = '9pt'; 이부분은 블로그에서 표시될때 글자의 크기입니다.

8px, 9px, 10px, 12px 등 원하는 크기로 하시면 됩니다.

34 ~ 37번째 라인에 대한 설명

var cate_1 = new Category('category-no1','첫번째카테고리이름','cate_1'); 

category-no1은 위에 5번째 라인의 id와 같은걸로 하셔야 합니다.

만약 category-movie 로 했다면 여기도 같은 이름으로 하시면됩니다.

마찬가지로 '첫번째카테고리이름' 이부분도 위에서 본인이 만든 이름으로 바꾸시면 됩니다.

var cate_1 = new Category('category-no1','첫번째카테고리이름','cate_1'); 

그리고 앞부분의 cate_1 과 맨뒤의 cate_1도 같은 이름인데 이것도 원하는 이름으로 수정하시거나 추가하시됩니다.

소스코드 파일 다운받으세요

구글 블로그 카테고리 만들기 소스코드.txt

카테고리를 만든후 해당 카테고리 최신글 목록을 만들고 싶으면 아래 링크를 참고하세요

구글 블로그 카테고리별 글 목록 만들기