티스토리 Flatinum 스킨 상단 공지사항 배너 제거하기

안녕하세요 버블입니다.

이번 포스팅에서는 Flatinum스킨의 상단 공지사항 배너를 제거하는 방법에 대해서 알아보겠습니다.

지난 포스팅들을 통해 스킨의 상단 로고를 변경하고 상단의 이미지를 제거했으며

앞으로도 제 입맛에 맞게끔 스킨을 조금씩 고쳐 나아갈 예정입니다.

지난 포스팅을 보지 않으신 분들은 아래 링크를 통해 이전 포스팅을 보실 수 있습니다.

티스토리 Flatinum 스킨 상단 로고 변경하기

티스토리 Flatinum 스킨 상단 이미지 변경하기

티스토리 Flatinum 스킨 상단 이미지 제거하기

아래는 플래티넘 스킨의 기본 형태입니다.

기본 플래티넘 스킨의 형태에서 상단 이미지를 없앤 뒤 Bubble Test라는 나만의 문구를 삽입하였으며

스크롤바를 내리면 같이 따라 내려오는 검은색 바의 로고 역시 Bubble Test라는 로고로 변경하였습니다.

이번 포스팅에서는 검은색 바, 즉 상단 메뉴 로고 우측에 위치한 공지사항을 제거하는 방법에 대해서 알아보겠습니다.

공지사항 메뉴를 사용하시는 블로거분들도 계시지만 저는 개인적으로 필요가 없다고 생각하며

로고 옆에 공지사항이라는 탭이 있는게 깔끔하지 않아서 제거하기로 마음먹었고

만약 공지사항 메뉴를 사용하실 분들은 제거하지 않으시면 됩니다.

현재 활성화 되어있는 메뉴를 제거하는 방법은 두가지가 있습니다.

첫 번째로는 아예 소스를 삭제해 버리는 방법과

두 번째는 주석 소스를 추가하여 메뉴를 주석 처리 하는 방법입니다.

주석처리란 간단하게 설명드리자면 메뉴가 존재하지만 보이지 않게 해준다고 생각하시면 됩니다. 

메뉴의 소스를 삭제해 버린다면 추후에 다시 그 메뉴를 사용하려면 소스를 입력해야 하지만

주석처리를 한다면 삽입한 주석 소스만 지우면 되기 때문에 나중에 메뉴를 다시 활성화 시키고 싶을때

비교적 편리하다는 장점이 있습니다.

주석 소스는 <!--, --> 입니다.

그렇다면 이제 공지사항 메뉴를 주석 처리해 보도록 하겠습니다.

방법은 간단합니다.

블로그의 관리자 모듈의 꾸미기 탭에서 스킨 편집을 클릭하겠습니다.

클릭하신 후 스킨편집 모듈의 HTML탭을 클릭하신 뒤

Ctrl + F를 입력하신 뒤 아래의 이미지와 같이 '공지사항'을 찾아주시면 됩니다.

공지사항을 찾으셨다면 아래의 이미지와 같이 <li>위에  주석 소스인 <!--를 삽입해 주시고

</li>의 아래에 -->를 삽입해 주셔서 공지사항이라는 메뉴를 주석 소스로 가둬주시면 됩니다.

주석 코드를 잘 삽입해 주셨다면 새로고침을 클릭 해 적용이 제대로 되었는지 확인해 주시면 됩니다.

소스가 제대로 적용되었다면 아래와 같이 원래 있던 공지사항 자리가 비어있는 것을 확인하실 수 있습니다.

적용이 잘 되었다면 우측 상단의 적용 버튼을 클릭 해 저장해 주시면 됩니다.

공지사항 메뉴가 깔끔하게 제거 된 모습입니다.

초보분들의 경우에는 제 포스팅을 보시며 따라하시다 보면 노하우가 생겨 나중에는

자신의 입맛대로 스킨을 변경하실 수 있습니다.

블로그를 처음 접하시는 분들도 제 글을 보고 쉽게 따라하실 수 있도록

알아보시 쉽게 포스팅을 진행하도록 노력하겠습니다.

스킨을 수정하시다 잘 안되는 부분이나 어려우신 부분들은 댓글로 남겨주시면

제가 아는 한도 내에서 도와드리도록 하겠습니다.