구글블로그 blogger 가젯으로 메뉴 카테고리 만들기

가젯으로 만들기

관리페이지에서 Layout 메뉴를 선택하면 나오는 화면에서 만들수 있습니다. 원하는 위치에서 가젯 추가 (Add a Gadget) 링크를 누르면 가젯을 선택하는 화면이 나옵니다.

여기에서 1번째 방법

태그 위젯을 선택하여, 선택한 라벨 – 수정을 선택하면 등록된 태그를 선택 가능.

선택된 라벨이 포함된 게시글은 제목으로 기입된 카테고리명으로 노출됩니다.

그러나 위 방법은 스크립트를 통한 자유도가 떨어지므로 아래 방법을 사용합니다.

HTML/Javascript 위젯을 선택하면 제목과 내용을 쓸수 있는 화면으로 바뀝니다.
제목을 '카테고리' 나 '분류'등 원하는 제목으로 하시고 내용입력란에 다음과 같이 입력합니다.

 <a href='http://블로거주소.blogspot.com/search/label/라벨이름1'>라벨이름1</a>
 <a href='http://블로거주소.blogspot.com/search/label/라벨이름2'>라벨이름2</a>
   .....


원하는 만큼 만드시고 저장합니다.

이렇게만 하면 영 간지가 안나고 한줄에 들어가 있으니 메뉴의 느낌이 없습니다.. 트리 구조로 만들 수 있는데, 이미지와 스크립트가 필요할 수 도 있으니 간단히 <ul><li> 태그를 이용해서 만들어도 쓸만합니다.. 아래와 같은 코드로 업데이트 해보세요.
<ul>
<li> <a href='http://블로거주소.blogspot.com/search/label/라벨이름1'>라벨이름1</a></li>
<li> <a href='http://블로거주소.blogspot.com/search/label/라벨이름2'>라벨이름2</a></li>
...
</ul>

어떤 포스트에 라벨이름1이 들어가 있으면, 그 포스트는 라벨이름1이라는 링크를 클릭했을 때 보여지게 됩니다. 그러니까 새로운 글을 쓸 때에 어떤 카테고리에 포함시키고 싶으면 그 글에서 해당 라벨을 적용하면 되는 것입니다.

위와 같은 가젯을 여러 개 만들거나, html코드를 조금만 응용하면, 하위메뉴도 근사하게 편집 가능합니다.

메뉴완성 예시

http://aaronkim84.blogspot.kr/