티스토리 Poster(포스터) 스킨 html 편집 시 빨간색 오류 해결 방법

혹시 티스토리를 막 시작하려는 분이나 스킨 커스터마이징을 하려는 분이신가요? 반응형 스킨이 마음에 들어 poster 스킨을 골랐더니 html 편집기에 빨갛게 오류가 떠 있어서 왠지 찝찝하셨나요? 이 글을 읽으면 빨간 오류 없이 깔끔한 poster 스킨을 사용할 수 있습니다!

 

먼저 블로그에 아직 글이 없는 분이라면 테스트용 글을 4개 정도 만들어주세요. 스킨이 잘 나오는지 확인하기 위해서입니다. 저는 아직 글이 없어서 요렇게 4개 만들었어요.

 

더미 글 만들기

 

다 만들었으면 블로그 설정에서 꾸미기-스킨 편집-html 편집을 눌러 편집 화면으로 들어가 주세요. 

 

수정 전

 

69번 라인으로 가보면 커버 슬라이더 부분이 빨갛게 되어 있습니다. 태그가 짬뽕이라 아래까지 오류가 떴네요. 신기하게도 이렇게 오류가 난 상태인데 그대로 써도 문제는 없더라고요. 그래도 찝찝하니까 바꿔 봅시다. 아래 코드를 복사해서 69번 라인을 지우고 붙여 넣습니다.

 

 

그러면 요렇게 오류 부분이 사라졌지요? 

 

수정 후

 

이제 199번 라인으로 갑시다. 

 

수정 전

 

여기는 <h> 코드가 위에 없는데 이걸 닫는 코드가 </h 라고 적혀있어서 오류가 났네요. </h 만 지우면 됩니다.

 

수정 후

 

참~ 쉽죠오?

요렇게 두 줄만 바꿔도 오류가 전부 사라집니다. 맨 아래로 내려서 이렇게 오류가 있던 부분도 확인해줍시다.

 

수정 전

 

위에서 고친 두 개의 코드 때문에 맨 아래 코드들도 오류가 있었는데요, 잘 고쳤다면 여기도 이렇게 바뀌었을 겁니다.

 

수정 후

 

고친 코드가 슬라이더 관련 코드였는데 잘 나오는지 확인하기 위해서 홈 설정을 커버로 바꾸고 슬라이더를 넣어주세요.

 

 

자, 이제 왼쪽 미리 보기 창을 새로고침 해봅시다. 스킨을 편집했으면 항상 잘 나오는지 확인을 해야겠죠?

 

 

잘 나오네요. 

오류 수정 끝-!

 

다음엔 html과 css 코드를 조금 바꿔서 글꼴을 바꾸거나 색상을 바꿔보아요!