티스토리 블로그 메인화면 상단 비정상적인 선(줄) 문제 해결법

 

 

티스토리 블로그 메인화면 상단 비정상적인 선(줄) 문제 해결법

티스토리 블로그 메인화면 상단에 ‘<---------------------------------------------------------------->’와 같이 이상하게 선이 보이는 현상은 대부분 스킨 편집 시 HTML 코드 내에 불필요한 문자가 삽입되어 발생합니다.

초보자도 쉽게 따라할 수 있는 단계별 해결방법을 안내하겠습니다.

1. 티스토리 스킨 편집 메뉴 접속하기

• 티스토리에 로그인 후 블로그 관리 페이지로 이동합니다.
• 왼쪽 메뉴에서 [꾸미기]를 클릭합니다.
• 하위 메뉴 중 [스킨] 또는 [스킨 편집]을 선택합니다.
• 현재 사용 중인 스킨 아래의 [HTML 편집] 버튼을 눌러 HTML/CSS 편집 창에 진입합니다.

2. 상단 레이아웃 및 불필요한 불릿(선) 삭제하기

HTML 편집창에서 <header>, <div class="header"> 등의 상단 영역 태그를 찾습니다.

‘<---------------------------------------------------------------->’, ‘---------------------------------------------------------------->’, ‘<>’ 같은 문자가 보인다면 이 부분을 삭제 또는 주석 처리()하세요.

<!-- 예제: 불필요 선 주석 처리 -->
<!-- <----------------------------------------------------------------> -->
<!-- ----------------------------------------------------------------> -->

3. CSS에서 불필요한 border나 hr 태그 확인 및 수정

• 헤더 영역과 관련 있는 CSS 영역을 확인합니다. (.header, .wrapHeader 등)
• 필요 없는 테두리(border) 설정이나 줄(hr 태그)이 있으면 삭제하거나 border:none; 등으로 수정하세요.

4. 수정내용 저장 및 적용 확인

• HTML과 CSS 수정을 완료 한 뒤 적용(저장) 버튼을 누릅니다.
• 블로그 메인화면을 새로고침 해서 이상이 해결되었는지 꼭 확인하세요.
• 문제가 계속된다면 수정한 부분을 다시 점검하거나 백업한 원본 스킨 파일과 비교해 복원합니다.

추가 팁: 스킨 편집 전 반드시 백업하세요!

예기치 않은 오류로부터 안전하게 복원하려면, 티스토리 관리자의 꾸미기 → 스킨 변경 → 보관하기 기능으로 스킨 파일을 백업 후 작업하시길 권장드립니다.

이 4단계 기본 과정을 따라하시면, 티스토리 메인화면 상단에 보이는 이상한 선들 문제를 쉽게 해결할 수 있습니다.

초보자도 이 방법대로 차근차근 진행하면 안정적으로 정상 화면으로 수정 가능하니 걱정하지 마세요!

여기를 클릭하세요👆