텀블러 블로그 메뉴바에 링크 페이지 만드는 방법 : 페이지추가 (+Add a page)

텀블러 블로그에서 아래 그림과 같이 메뉴바에 링크를 추가하려면, 페이지(page) 추가 기능을 사용하면 손쉽게 할 수 있다.

일반적으로 <a> 태그를 사용한 링크에서는 링크에 마우스를 올리면 브라우저 하단에 목적지 주소가 표시된다. 이 기능의 특징은 메뉴바에 표시되는 메뉴글자와 링크에 마우스를 올렸을 때 브라우저에 표시되는 주소(URL) 그리고 목적지 주소(URL)가 각각 다르다는 것이다.

아래 그림에서 보듯이, 메뉴에는 "사용법어찌"라고 표시되고, 이 링크에 마우스를 올리면 브라우저 하단에 표시되는 주소는 "comiclolz.tumblr.com/howways"이고, 링크를 클릭하였을 때 연결되는 목적지 주소는 "howways.blogspot.com"이다.

[페이지 기능으로 메뉴바에 링크를 추가한 예]

페이지(page) 기능으로 메뉴바에 링크 추가하기

=> 테마편집(Edit Theme) 창을 열고 > 왼쪽 메뉴바를 아래로 쭉 내려 맨 아래에 있는 [+ 페이지 추가 / Add a page]를 클릭하여 페이지편집(Edit page) 창을 연다

=>페이지편집창의 왼쪽 맨 위에 있는 선택상자에서 "리다이렉트 / Redirect"를 선택한다
=> 바로 그 아래의 주소창 (xxxxx.tumblr.com/)에 그림과 같이 원하는 주소를 입력한다. 이 주소는 메뉴 링크에 마우스가 올라가면 브라우저 하단에 표시되는 주소이다.
=> 그 아래의 목적지 주소 입력란 (Redirect to)에 연결될 주소를 입력한다. 메뉴바의 링크를 클릭하면 이 목적지 주소로 연결된다.
=> 편집창 오른쪽 맨 위의 선택단추를 눌러 활성화 하고 > 메뉴바에 표시 될 글자를 입력한다. 아래 그림에서는 "사용법어찌"라고 입력하였고, 위의 그림에서 보듯이 메뉴바에 "사용법어찌"라고 표시되었다.

=> 미리보기(Update Preview)를 눌러 제대로 되었는지 확인해 보고, 이상이 없으면, 저장(Save)을 눌러 저장한다.
=> 페이지 편집창의 왼쪽 맨 위에 있는 화살표를 클릭하여, 페이지 편집창을 닫고, 테마 편집창으로 되돌아 간다
=> 테마편집창에서 다시 저장(Save)을 눌러 저장을 하고 > 나가기(Exit)를 눌러 편집창을 닫는다. 이로서 블로그 메뉴바에 메뉴 추가하기가 끝났다.

[페이지 기능으로 메뉴바에 링크 추가하는 방법]

도움이 되기를 바랍니다.