티스토리 북클럽 스킨 I 상단 메뉴 삭제하기

목차

티스토리 북클럽 스킨 I 상단 메뉴 삭제하기

티스토리 블로그 스킨들 중 북클럽 스킨이 제일 깔끔한 것 같습니다.
깔끔하기는 하지만 조금씩 맘에 안 드는 부분들도 있는데 그 부분을 수정을 해보려고 합니다.

 

이번에는 블로그 메인 페이지의 상단 메뉴의 '홈, 태그, 방명록'을 삭제해 보겠습니다.

 

 

1.홈메뉴 삭제하기

티스토리 '블로그관리 홈'으로 들어가셔서 '꾸미기 > 메뉴'를 클릭합니다.
메뉴에서 '홈, 태그, 방명록'을 모두 삭제합니다. (메뉴 위에 커서를 올려두면 삭제 버튼이 보입니다.)

삭제를 했다면 '변경사항 저장'을 클릭하고 블로그 화면을 '새로 고침'을합니다.
블로그의 메뉴는 삭제되었지만 메뉴의 위치가 여백으로 남아있어서 블로그 제목과의 간격이 많이 떨어져 보이는 단점이 있습니다.

이렇듯 꾸미기 도구를 사용하는 것은 근본적인 삭제 방법이 아니니 HTML을 살짝 편집해야 합니다.

만약 이 상태로도 괜찮다면 굳이 HTML 편집은 안 하셔도 됩니다.

 

 

2.HTML 편집

이번에는 HTML편집을 이용해 여백 부분을 삭제해 보겠습니다

 

티스토리 '블로그관리 홈'으로 들어가셔서 '스킨편집 > html편집 > HTML'로 들어갑니다.

여기서 HTML소스를 한번 클릭 후 Ctrl+F를 눌러 blog_menu 를 검색합니다.

blog_menu

검색 후 아래 그림처럼 숨겨줄 코드의 시작 부분에 <!-- 를 추가하시고, 끝부분에 -->를 추가해 줍니다.

그런 HTML코드가 색이 변하면서 비활성화 처리가 됩니다.

 

728x90

 

수정전

 

수정 후 (메뉴 부분의 여백이 삭제됨)

주석은 '<!-- 홈 상단메뉴 -->' 등 알아보기 편한 문구로 적어주시면 됩니다.

 

원하는 문구를 HTML에 맘껏 추가하셔도 '<!-- 문구 -->'의 문구는 블로그 화면에는 영향을 미치지 않습니다.
주석의 시작과 끝부분 기호 안에 있는 내용은 비활성화되기 때문입니다

참고로 CSS에서는 /* 문구 */입니다

 

이제 블로그 화면을 새로 고침 하면 메뉴 영역이 완전히 사라진 모습을 확인할 수 있습니다.

만약 다시 메뉴 영역을 보이게 하고 싶으시다면 추가했던 주석 '<!--  문구 -->' 처리만 지워주시면 됩니다.

 

728x90

마치며

오늘은 블로그 메뉴를 삭제하는 방법에 대해서 알아봤습니다.

 

CSS나 HTML을 하나씩 수정하다 보면 내가 해냈다는 성취감도 들지만 간혹 코드를 잘못 수정해 블로그 전체를 망처 버리는 경우도 발생하니 수정전 백업이나 스킨을 저장 해두시는 습관을 들이시기 바랍니다.

 

백업이래야 코드를 주욱~ 긁어서 메모장에 붙여 넣어 주시고 수정을 하시면 오류 발생 시 메모장에 넣어둔 코드로 다시 넣어주면 간단하게 원복이 되니 참고하시기 바랍니다.

 

"쿠팡 파트너스 활동을 통해 일정액의 수수료를 제공받을 수 있습니다"