목록

페이지

2011-12-05

구글 블로그 카테고리 구현방법

기본적으로 구글 블로그에는 카테고리 기능이 없습니다.

대신 라벨(태그) 기능이 있는데 이 기능을 잘 활용하시면 카테고리 처럼 사용하실 수 있습니다.

그리고 카테고리와는 달리 2개 이상 지정이 가능하기 때문에 더욱 유용하죠.

카테고리 기능을 구현하는 방법에는 여러가지가 있습니다.


1. 라벨 가젯 사용

가젯 중에 보면 라벨을 표시하는 가젯이 있습니다.

그 가젯을 활용하여 카테고리를 구현하는 방법이 있습니다.

자세한 방법은 아래 사이트를 참조해주세요.

http://creatorhong.blogspot.com/2011/08/blog-post_16.html


2. RSS 사용

이 방법은 자세한 것은 모르겠습니다.

아래 사이트를 참조해주세요.

http://anshnote.blogspot.com/2011/07/bloggerblogspot.html


3. HTML/JavaScript 가젯 사용

제가 사용하는 방식입니다.

구글 블로그에서 라벨별로 볼때 주소는 [블로그주소]/search/label/[라벨이름]이 됩니다.

즉 HTML/JavaScript 안에 a 태그를 사용하여 저 링크를 추가시켜 주면 됩니다.

먼저 HTML/JavaScript 가젯을 추가합시다.

그리고 가젯 제목을 입력하고 아래와 같이 입력합니다.

아래의 경우는 간단한 예입니다.

<ul>
  <li><a href="/">전체보기</a></li>
  <li><a href="/search/label/카테고리1">카테고리1</a></li>
  <li><a href="/search/label/카테고리2">카테고리2</a></li>
</ul>

이러면 블로그의 홈을 링크 건 전체보기와 라벨 2개가 리스트로 나오게 되면서 카테고리가 구현됩니다.

저것을 응용하면 하위 카테고리를 구현하는 것도 가능합니다.

아래는 카테고리에 하위 카테고리를 넣은 예입니다.

<ul>
  <li><a href="/">전체보기</a></li>
  <li>
    <a href="/search/label/카테고리1">카테고리1</a>
    <ul>
      <li><a href="/label/카테고리1-1">카테고리1-1</a></li>
      <li><a href="/label/카테고리1-2">카테고리1-2</a></li>
    </ul>
  </li>
  <li><a href="/search/label/카테고리">카테고리2</a></li>
</ul>

카테고리 1밑에 ul 태그를 사용하여 카테고리 1-1, 카테고리 1-2를 넣었습니다.

이렇게 하면 하위 카테고리가 구현됩니다.

카테고리 1의 경우 링크를 걸지 안걸지는 자신이 원하는 데로 하시면 됩니다.

그리고 만약 여백 조정이나 기타 등등을 수정하실땐 css를 수정해주시면 됩니다.