목록

페이지

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

댓글 7개:

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

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

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

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

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

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

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

    답글삭제