[Blogger Tip] 상단 네이게이션 바 없애기

Blogger에서 블로그를 만들면 맨위에 툴바같은게 하나 생깁니다. 정식명칭은 아마도 Navigation Bar가 아닐까 예상됩니다. 친구추가를 할수 있고, 랜덤블로그를 갈수도 있고, 자신의 블로그를 관리하거나 로그인/아웃하는 기능들이 있습니다. 놔둬도 좋은 용도로 사용되겠지만, 블로그를 이리저리 꾸미다 보면 저 네비게이션바가 없어졌으면 하는 생각이 종종 들겁니다.

사실 없앨수는 없습니다. 블로거는 거의 모든 부분을 사용자가 고칠 수 있게 허용하지만, 고치지 못하게 막아놓는 부분도 있습니다. 네비게이션바나 가장 아래쪽에 있는 Attribution Bar에 달라붙는 'Blogger 제공' 같은 것들이요.

하지만 '대신' 안보이게는 할 수 있습니다. 꼼수이지요.

블로거에 로그인해서 템플릿(Template)메뉴를 클릭합니다. 그러면 맞춤설정, Html 편집 등의 작업을 할 수 있습니다.

HTML 편집 버튼을누르세요. 그러면 아래와 같은 경고창이 뜹니다. 이거 귀찮은 데, 아주 중요한 내용입니다, 경고에는 고급사용자만 사용하라고 되어있는데, 초급사용자도 사용할 수 있습니다. 그런데 실수를 하면 끝장이지요. 고급사용자는 실수를 만회할 수 있지만, 초급사용자는 못합니다.

그래서 귀찮으시더라도 항상 이런 버릇을 들이세요. HTML 편집 전에는 반드시 템플릿을 백업을 해두시는 것! 백업은 템플릿 메뉴를 눌렀을 때 나오는 화면 오른쪽 상단에 있습니다. 백업 버튼을 누르면 컴퓨터에 현재 템플릿을 저장하는 다이알로그가 뜨니 저장을 해두세요. 문제가 생기면 그 파일을 이용해서 복구할 수 있습니다.

백업을 했으면 HTML 편집 누르고 경고창에서 계속 버튼을 누릅니다. 그러면 누군가에게는 알아먹을 수 없는 코드들이 보이지요.

여튼 계속 합시다. 브라우저의 찾기 기능을 이용하기 위해, 컨트롤 F 누릅니다. 브라우저마다 다르니 알아서 하세요. 찾기창에
   </head>
라고 입력합니다. 분명 하나가 찾아질 겁니다. </head> 윗줄에
  #navbar {display:none;}
를  적어넣습니다. 끝. 저장합니다.

그리고 블로그를 보면 상단의 네비게시션 바가 안보일 겁니다. 간단히 저 코드를 설명하자면, 네비게이션 바는 navbar라는 ID에 의해 스타일링.. 그러니까 어떻게 표시될 까가 결정됩니다. display는 navbar라는 id에 의해 표시되는 내용을 어떻게 표시할꺼냐를 결정하는 속성인데, none 이라는 값을 주어 그냥 보여주지 말아라 하는 겁니다. 그래서 네바게이션 바가 안보이는 겁니다.

이 display속성은 꼼수부리기 아주 좋습니다. 메뉴 만들때, 탭만들때 등등. 이건 분명 따로 설명할 기회가 있을 겁니다.

질문은 댓글로.

« prev next »