[Web] Blogger 카테고리 만들기

티스토리를 쓰다가 Blogger 로 넘어왔을 때...

가장 아쉬운 점이 '카테고리(Category)'의 부재였습니다.

티스토리의 카테고리

Blogger 레이아웃 메뉴에서 이것저것 만지다보니

"라벨(태그)" 가젯으로 카테고리처럼 꾸밀 수 있더군요 @_@;;;

태그(라벨) 가젯 설정

블로그의 게시물에 지정된 라벨들 중 원하는 일부만 표시하는 것이 가능한데...

보여줄 라벨을 선택한 다음 표시 방법을 '목록' 으로 지정하면...?

라벨(태그) 가젯을 이용한 카테고리

이렇게 보여집니다 :)

각 카테고리에 해당하는 게시물을 작성할 때는 라벨만 지정해주면 됩니다.


라벨 가젯을 이용하는 게 가장 쉽고 편하지만...

아쉬운 점이 있다면 표시되는 카테고리의 순서를 임의로 지정할 수가 없다는 건데요.

HTML/JavaScript 가젯에 HTML 코드를 입력해서 카테고리를 만들 수도 있습니다.

라벨 가젯을 이용한 카테고리 HTML 소스

HTML/JavaScript 가젯에 카테고리 HTML 코드 입력

HTML 코드를 직접 입력하면 화면에 표시되는 카테고리의 순서를 바꿀 수도 있고

카테고리명을 실제 라벨과 다르게 지정할 수도 있습니다 :)

<script type="text/javascript">
//<![CDATA[
function getPostCount(json) {
 document.write(json.feed.entry.length);
 }
 //]]>
</script>
<ul>
<li>
<a dir="ltr" href="http://www.xeronichs.com/search/label/game">game</a>
<span dir="ltr">(<script src="http://www.xeronichs.com/feeds/posts/default/-/game?&alt=json-in-script&callback=getPostCount"></script>></span>
</li>
<li>
<a dir="ltr" href="http://www.xeronichs.com/search/label/music">music</a>
<span dir="ltr">(<script src="http://www.xeronichs.com/feeds/posts/default/-/music?&alt=json-in-script&callback=getPostCount"></script>)</span>
</li>
<li>
<a dir="ltr" href="http://www.xeronichs.com/search/label/programming">programming</a>
<span dir="ltr">(<script src="http://www.xeronichs.com/feeds/posts/default/-/programming?&alt=json-in-script&callback=getPostCount"></script>)</span>
</li>
<li>
<a dir="ltr" href="http://www.xeronichs.com/search/label/reverse%20engineering">reverse engineering</a>
<span dir="ltr">(<script src="http://www.xeronichs.com/feeds/posts/default/-/reverse%20engineering?&alt=json-in-script&callback=getPostCount"></script>)</span>
</li>
</ul>

각 카테고리에 포함된 게시물 수를 가져오기 위해 JavaScript 를 썼는데...

카테고리마다 호출하는 것이 내키지 않아서 실제로 적용은 하지 않았습니다. oTL;;;

게시물 수를 보여줄 수 있는 더 깔끔한 방법이 없는지 찾아보는 중입니다.


일단 결론은 Blogger 에서도 카테고리 구현이 가능한 걸로... @_@ !!!

Read More