블로그스팟(구글블로그) 상단 메뉴 혹은 카테고리 만들기

블로그스팟(구글블로그) 상단 메뉴 혹은 카테고리 만들기

블로그스팟을 하면서 가장 어려웠던 점은 상단 메뉴나 카테고리를 만드는 일이었습니다. 인터넷에 잘 정리된 자료도 없고 막막함에 영어 자료를 찾았던 기억이 나는데요. 

오늘은 블로그스팟 (구블블로그) 상단 메뉴 만드는 방법에 대해서 알아보겠습니다.

1. 템플릿 고르기

템플릿 중 상단메뉴 혹은 상단바를 지원하는 템플릿을 사용해야 합니다. 기본 템플릿은 상단바가 없어서 사이드바에 카테고리 형식으로 정리해야 합니다.

관련글 : 구글 블로그스팟(블로거) 무료 템플릿 배포 사이트 알아봅시다

2. 테마 수정

마음에 드는 블로그스팟 템플릿을 선택합니다. 물로 상단 메뉴가 있어야 합니다. 이제 테마를 수정해 줘야 합니다. 

테마를 선택하고 HTML 편집을 클릭합니다. ▼

html 코드를 쭉 살펴보는 방법도 있지만 시간이 너무 오래 걸립니다. CTRL+F를 눌러 테마에 기본적으로 적용돼 있는 카테고리 명을 검색하여 코드를 찾습니다.

<li><a href='#' itemprop='url'><span itemprop='name'>Blogger</span></a></li>

초기 설정은 대부분 이런 형식으로 돼 있습니다.

여기서 세 부분을 변경시켜 주면 됩니다.

a href='#'

itemprop='name'

Blogger

템플릿마다 이름이 다르게 적혀 있어서 혼돈이 올 수 있지만 다들 비슷합니다.

a href='#' 이 부분을 a href='search/label/menu'

이런 형식으로 변경해 줍니다. 이 부분은 라벨 주소입니다. menu에는 자신이 원하는 이름을 적어주시면 됩니다.

itemprop='name' 이 부분을 itemprop='menu' 

로 변경합니다. 이 부분은 카테고리명으로 menu 부분도 자신이 원하는 형식으로 변경합니다.

Blogger 도 변경하면 됩니다. 이 부분이 블로그 메뉴에 나타나는 문구입니다. 

<li><a href='search/label/menu' itemprop='url'><span itemprop='menu'>menu</span></a></li>

이 글에서는 menu라는 이름을 통일하여 변경했습니다. 문구를 서로 다르게 적어도 되지만 그럴 경우 나중에 글을 작성하여 태그를 붙여 글을 분류할 때 헷갈릴 수 있습니다. 가능하면 동일하게 적어주시는 것이 좋습니다. 

태그가 대문자와 소문자를 구분하기 때문에 기억하기 쉽게 작성하여 줍니다. 

3. 글 작성하여 카테고리 분류하기

글을 상단바 카테고리에 분류하는 방법은 글을 작성하고 우측 태그에 본인이 입력한 태그를 적고 글을 게시하면 됩니다.

위의 경우를 예로 들면 태그에 menu를 적어준 후 글을 게시하면 됩니다. 

블로그스팟(구글 블로그) 상단 메뉴 및 카테고리 만드는 방법에 대해서 알아봤습니다. 도움이 되셨길 바랍니다.