본문 바로가기

블로그

티스토리 블로그 상단 메뉴바 숨기는 방법

반응형



이번에 소개해드릴 블로그팁은 티스토리 블로그를 사용하실때 보이는 우측 상단 메뉴바를 숨기는 방법입니다. 티스토리의 장점이라면 직접 레이아웃을 수정하여 꾸밀수있는점인데요 저같은 경우 우측 메뉴바가 레이아웃에 이질감을 줄수있어 불편함을 느껴왔었습니다. 예전에는 티스토리에서 간단한 설정을 통해 메뉴바를 온/오프할 수 있었는데 어느날부터 이러한 설정이 사라졌더군요. 하지만 간단한 css코드를 넣어주시면 메뉴바를 숨기실수 있습니다. 아래 스크린샷을 참고하시면 쉽게 따라하실 수 있을 겁니다.



위 메뉴바가 티스토리를 이용하실때 우측 상단에 나타나는 메뉴바입니다. 레이아웃에 이질감을 줄때는 안보이게 만드셔야겠죠?


티스토리 환경설정 html/css 편집메뉴로 가셔서 스크린샷에 빨간박스를 해둔 코트를 입력해주시면 메뉴바를 안보이게 만드실 수 있습니다.


/* 우측 상단 메뉴바 숨기기 */

#tistorytoolbarid { display: none; }

html/css를 아시는 분이라면 매우 쉬운 코드로 tistorytoolbarid (메뉴바의 div id)라는 div를 안보이게하는 하는 코드입니다.


스크린샷을 통해 설명해드렸으니 여러분도 바로 적용하실 수 있을겁니다. 그럼 이 포스팅을 참고하셔서 블로그를 꾸며보시기 바랍니다.

반응형