목록

페이지

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를 수정해주시면 됩니다.

댓글 8개:

  1. 제 블로그로 들어오는 얼마 없는 트래픽을 따라오다보니 오게되었습니다.
    1번째 방식은 마음에 안들어서 안쓴지 오래되었구요. 저도 이 포스트와 같은 방식으로 하려고 생각하고 있었는데 이 포스트 보고 몇달만에 귀찮음을 무릅쓰고 결국은 만들었네요.
    마지막 라벨에 몇개의 글이 있는지 모른다고 하신 문제에 대해 나름대로 만들어보았습니다. http://goo.gl/KqInP

    답글삭제
  2. 저 궁금한 점이 있어서 문의 드립니다. 카테고리를 만든 후에 해당 카테고리에 글을 쓰려면 어떻게 해야 하는지 궁금합니다.

    답글삭제
    답글
    1. 글 작성할때 태그에 카테고리에서 쓴 태그 붙여주면 됩니다.
      예를 들어 <li><a href="/search/label/A">ABC</a></li> 라고 지정한 카테고리에 쓰실려면 태그에 A 추가해주시면 됩니다.

      삭제
  3. 작성자가 댓글을 삭제했습니다.

    답글삭제
  4. 질문이 있습니다 . ㅎㅎ 카테고리를 이제 만들수는 있겠는데 카테고리를 접고 펴는?
    것은 어떻게 하는것인가요? 예를 들면 블로그에 기본적으로 있는 블로그 보관함처럼요

    답글삭제
  5. 글 작성할때 태그에 카테고리에서 쓴 태그 붙여주면 됩니다.
    라고 답변해주셨는데
    A를 어느위치에 추가해야하는 건가요?

    답글삭제
  6. 안녕하세요.
    맨 위에 목록은 어떻게 하는지 알수 있을까요.

    답글삭제
  7. 정말 일주일동안 고민하고 찾아다녔던 자료를 만났네요.. 너무 감사합니다
    흔히 있는 라벨방법을 했을때 템플릿 적용 미스인지 몰라도 목록으로 표시가 안되면서 크라우드 표시만 가능했었는데 소스 삽입 한번으로 해결이 됬네요..^^ 정말 좋은 자료 주셔서 감사합니다!!

    답글삭제