구글블로그 꾸미기 (드롭다운 카테고리 만들기 - blogspot Drop-down category)




구글블로그 꾸미기
드롭다운 카테고리 만들기
(blogspot Drop-down category)


네이버블로그나 티스토리에서는 당연히 제공하는 카테고리 기능이 구글블로그(blogspot)에는 없습니다. 확장성이 뛰어나고 HTML기반인 구글블로그(blogspot)이기때문에 당연한 현상이라고 생각하지만 일반인이 접근하기에는 여간 불편한 것이 아닙니다. 실제 블로그 테마의 HTML 소스를 수정해야거나 만들어야 하지만 그런거까지 할 줄 알 정도면 집에서 블로그 광고 수입이나 내고 있진 않을 것 같습니다. 이제 우리같은 일반인이 할 수 있는 수준에서 드롭다운 카테고리 메뉴를 구현해 보겠습니다.

지난번에 예시로 들었던 무료 테마(master-blog.xml)를 먼저 업로드 하셨다면 아래 보이는 것처럼 드롭다운 메뉴의 위치를 확인하실수 있습니다. 이런 형식으로만 카테고리가 구성되고 내용만 바꾸면 됩니다.


이제 자신의 블로그(blogspot) 편집 화면에서 레이아웃 탭으로 가주세요. 아래 그림에서 보이는 것처럼 MAIN MENU라는 것이 크게 보일 것입니다. 바로 이 위치가 구글블로그(blogspot) 카테고리를 드롭다운 메뉴가 위치한 가젯입니다. 수정을 눌러주세요


수정을 누르면 창이 하나 뜨는데 아래 그림에서 왼쪽그림입니다. 죽 나열되어있는데 철자를 맞춰보시면 각 부분이 어디에 해당하는지가 나옵니다. 여기서 기본적인 규칙이 있습니다. 카테고리에는 순위라는 것이 있습니다. 루트가 있고 하위1 > 하위2> ... 이런식으로 구성이 되어 있습니다. 각 하위값은 Underbar('_')가 결정합니다. "_"가 하나씩 늘어날 때마다 하위값으로 변해가는 것입니다. "_"가 없는 경우 최상위 루트 메뉴입니다. 




예를 들어보겠습니다. Edit를 클릭하면 Name와 URL을 수정할 수 있는 빈칸이 나옵니다. 여기에 원하는 카테고리 메뉴 이름을 적어주십시오. 원하는 메뉴 순위에 따라 "_"를 하나씩 추가해 주시면 됩니다. 아래 그림에서 파란 원과 녹색 원의 차이를 보시면 되겠습니다. 
  • 카테고리1, 카테고리2 → 루트(최상위)
  • _카테고리1-1, _카테고리1-2, _카테고리2-1, _카테고리2-2 → 첫 번째 하위 메뉴
  • __카테고리2-1-1 → 두 번째 하위 메뉴

이해가 가시나요? 위와 같이 수정하시고 저장한 다음 배치 저장을 눌러주시면 결과가 반영됩니다. 아래와 같은 결과물이 나오셨다면 제대로 한 것입니다. 예를 들기 위해서 카테고리 1,2,3 이라고 적었지만 자신의 블로그(blogspot) 주제에 맞게 꾸미시면 되겠습니다. 


만약 이해가 잘 되지 않거나 궁금증이 있으시다면 아래 댓글로 문의해주시기 바랍니다.

여기까지 잘 따라오셨다면 의문이 생길 것입니다. 카테고리가 구성은 되었지만 작동을 하지 않기 때문입니다. 각 메뉴에 해당하는 카테고리에 우리가 원하는 분류대로 어떻게 지정을 할까요? 다음 편에서 구글블로그(blogspot) 카테고리 활성화하는 법에 대해 말씀드리겠습니다.



구글 블로거시라면 제일 하단에 "관심 블로그 등록" 도 관심가져주세요




이 블로그의 인기 게시물

에이서(acer) 노트북 전원이 안켜질 때 NO BOOTABLE DEVICE

벽걸이 에어컨 전기세 계산하는 방법 (feat. 스탠드 에어컨보다 적을까?)

경동나비엔보일러사용법 - 절약의 기본은 조절기 익히기