티스토리 블로그 Fastboot 댓글창 오류 해결 방법 (파란줄, 회색줄, 아이콘, 프로필)

몇 주 전

티스토리 블로그 댓글창 아이콘을 카카오 프렌즈로 바꾸면서 

소스 코드를 잘못 만졌는지 댓글창이 이상하게 보였습니다. 

한동안 이상한 현상이 벌어지고 있는줄 모르다가, 

어느 땐가 방문자 분께서 제 글에 

코멘트를 달아주신 것을 보고서야 알아차린 것이었습니다.  

ㄹ

위와 같이 

댓글창 왼쪽 부분에 파란색 줄과 옅은 회색줄이 생기고, 

프로필 아이콘은 살짝 내려와 있었습니다.

이 오류를 해결하려고 1시간 가량 낑낑대다가 

결국 문제를 해결하고 좋아했었던 기억이 있습니다.

그런데, 

최근 다른 블로거 분들의 티스토리 블로그, 

특히 fastboot 스킨을 적용하고 계신 분들 중에 몇 몇 분이 

저와 같은 현상을 겪으시면서 오류를 해결하지 못하신 건지, 

아니면 아직 이상한 낌새를 눈치채지 못하신 건지 

그대로 놓아두고 계셨습니다.

이 문제에 대한 해결법 포스팅은 현재, 그리고 

앞으로 이런 현상으로 골치아파하실 분들을 위해 남깁니다.

해결하는 방법은 아주 간단합니다.

먼저 블로그에서 q 버튼을 눌러 관리자 화면으로 들어갑니다.

관리자 화면입니다. 

여기서 왼쪽 부분 꾸미기 아래에 있는 

HTML/CSS 편집을 누릅니다.

왼쪽에는 블로그 화면, 오른쪽에는 이렇게

HTML CSS 파일업로드 부분이 나옵니다.

여기서 HTML 부분을 클릭하고

가장 넓은 부분을 차지하고 있는 흰 바탕 부분의

아무곳이라도 좋으니 마우스로 한 번 클릭해주시고

Ctrl키와 F키를 동시에 누릅니다.

그러면, 위쪽에 검색란이 뜨는데

거기에 태그트레일이라고 적어주고 엔터를 쳐줍니다.

검색을 하면 이렇게 태그트레일이라고

노랗게 표시가 되면서 500 몇 번째 줄쯤으로 이동하게 됩니다.

자, 여기서

태그트레일 코드 바로 윗부분에

</div>

라고 쳐서 코드를 넣어줍니다.

만약 혹시라도 이미 </div> 코드가 바로 위에 있다고 하더라도

한 번 더 </div>를 입력해주셔야 합니다.

그리고나서 오른쪽 위에 있는 저장 버튼을 누르고

다시 자신의 블로그로 가서 댓글창을 확인해 주시면 

끝입니다.

</div>코드를 넣어주고 저장까지 눌러준 모습입니다.

아주 정상으로 잘 돌아와 있습니다.

fastboot 스킨을 사랑하시는 모든 분들,

댓글창 오류 때문에 머리아프셨던 분들

이번 글을 통해 모두 깔끔하게 해결되시기를 바랍니다.^^ 

티스토리 블로그 채팅창 달기(설정, 설치) 방법 2부 :: 채널 데스크 이용편

티스토리 블로그 이전 글 넣기 하는 방법

티스토리 블로그 스마트폰 최적화 - posted by 없애기

티스토리 블로그에 유튜브 동영상 쉽게 넣는 방법

티스토리 블로그 댓글 아이콘 카카오 프렌즈 이미지 넣는 방법

도움이 되셨다면, 로그인 없이 가능한

아래 하트♥ 공감버튼 을 꾸~욱 눌러주세요!