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

2017.05.02 22:17 IT, SNS/블로그


몇 주 전


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


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


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


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


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



위와 같이 


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


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


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


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





그런데, 


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


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


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


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


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



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


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






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



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




관리자 화면입니다. 


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


HTML/CSS 편집을 누릅니다.




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


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






여기서 HTML 부분을 클릭하고


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


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


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



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


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




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


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



자, 여기서


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


</div>


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




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


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



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


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


끝입니다.




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


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





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


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


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




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

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

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

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

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



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


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


♥ 암호화폐 후원하기 ♥


ⓑ 비트코인(BTC) ⓑ


◆ 이더리움(ETH) ◆


♣ 리플(XRP) ♣

리플 데스티네이션 태그

이 댓글을 비밀 댓글로
  1. 안녕하세요. 율비님. :)
    저도 fastboot 스킨을 사용하고 있는데,
    저도 댓글창 기본 아이콘을 카카오프렌즈로 적용하고 싶은데,
    혹시 어떻게 하셨는지 알려주실 수 있을까욤 ㅎㅎ
    • 철가면님 안녕하세요!
      티스토리 블로그 댓글 아이콘 카카오 프렌즈 이미지 넣는 방법 : http://youlbe.tistory.com/83
      위 글을 보시면서 해보시면 되세요!ㅎㅎ
    • 2018.06.08 21:48
    비밀댓글입니다
    • 아르틸다님 안녕하세요
      그렇다면 다른 부분에 불필요한 div 코드가 들어가 있을 확률이 매우 높습니다. 그 div 코드를 반드시 찾아내셔서 제거해주시기 바랍니다.