레이블이 구글블로그인 게시물을 표시합니다. 모든 게시물 표시
레이블이 구글블로그인 게시물을 표시합니다. 모든 게시물 표시

2013년 8월 26일 월요일

구글블로그 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코드를 조금만 응용하면, 하위메뉴도 근사하게 편집 가능합니다.

메뉴완성 예시