텀블러 메뉴 만들기(2)

텀블러는 메뉴 기능이 없다. 그러나 기본으로 제공하는 메뉴나 코드를 삽입하여 응용으로 메뉴를 나타나게 할수 있다.

워드프레스와 텀블러는 페이지로 메뉴를 만든다.

워드프레스는 페이지 제목(subject)으로, 텀블러는 페이지 태그(tagged)로 만든다.

텀블러는 기본메뉴와 응용메뉴로 나눌수 있다.

기본메뉴는 모바일용 메뉴로서 Add a page로 좌측상단에 메뉴가 나타나고, 

응용메뉴는 PC용 메뉴로서 코드를 심어서 타이틀(Header)밑에 메뉴가 나타나게 할수 있다.

기본메뉴는 모바일웹에서는 나타나지만, 응용메뉴는 PC웹에만 나타난다. 카운터뷰도 PC웹만 나타나는것 처럼-.

기본메뉴는 관리자화면(dashboard)->꾸미기(customize)->+ Add a page에서 페이지 타이클,내용,주소(ID.tumblr.com/tagged/태그명)로 만든다.

응용메뉴는 관리자화면(dashboard)->꾸미기(customize)->Edit HTML->head와 body안에 코드를 넣는다

* body안에 들어갈 코드는 다음과 같다. 

   ( 코드를 복사하려면 여기를 클릭하세요)

위코드를 body안에 헤더(id="header") 다음에 넣는다.

(Ctrl+f 키로 검색창이 나타나면 "header" 를 입력하여 찾는다. header만 넣어 찾으면 같은 단어가 너무 많다)

* 메뉴의 CSS 속성을 나타내는 코드는 head안에 Custom CSS 전에 넣는다

(위의 마진은 메뉴끼리 간격, 밑의 마진은 헤더(타이틀)과 메뉴 간격, 글씨체 색과 크기, 메뉴 중앙 정렬)

(코드를 복사하려면 여기를 클릭하세요)

그러면 다음과 같이 메뉴가 타이틀 밑에 중앙정렬되어 나타난다.