티스토리 블로그 댓글창 아이콘 오류 수정하는 방법은?!

필자는 패스트부트(fastboot) 스킨을 사용한 적이 있다. 처음 티스토리 블로그를 개설할 때, 속도나 화면 디자인 등을 고려해 선택한 스킨이다.

 

가끔 다른 블로그에서 더 좋아보이는 스킨을 발견하기도 한다. 하지만, 이제는 여러가지 설정도 같이 녹아 있어서 다른 스킨으로 갈아타기 어렵다. 오늘은 fastboot스킨 댓글창 사용자 아이콘 오류를 수정하는 방법에 대해서 알아보도록 하겠다.

 

 

스킨을 문제없이 잘 사용하고 있었지만, 티스토리가 업그레이드 되면서 작은 문제들이 발생하기 시작한다. 그 중에 하나는 댓글창의 사용자 아이콘이 밀려서 보이는 것이다. 아이콘이 블로그 이름 위로 올라가는 등 댓글창의 레이아웃이 맞지 않는다.

이를 해결하기 위해서 스킨을 조금 편집해야 한다. 블로그 관리의 [꾸미기] - [스킨편집]으로 간다. 스킨편집 화면 우측 상단에 보면, html편집이라는 버튼이 있다. 이 버튼을 클릭한다.

 

html 편집

 

 

상단에 HTML, CSS, 파일업로드 버튼이 있다. 댓글에 관련된 부분은 HTML항목에 있다. 여기서 Ctrl+F를 누르고, '댓글읽기'를 검색하면 아래와 같이 댓글창 관련 부분을 찾을 수 있다.

 

댓글 관련 코드

 

 

문제가 발생한 곳은 img 태그이다. src의 주소를 브라우저에 입력해보면 아래와 같이, 사용자 모양의 아이콘인 것을 알 수 있다.

사용자 모양 아이콘

 

 

해당 사이트가 보안 연결(https)이 되지 않아, 이 아이콘이 제대로 표시되지 않았다. 이를 해결하기 위해 아아콘 모양의 그림 파일을 블로그에 업로드하기로 하였다.

 

그림 파일을 다운로드 받은 후에, '스킨편집'에서 파일업로드로 이동한다. "+추가"버튼을 입력하여 받은 파일을 업로드한다. 파일 업로드가 완료되면, 해당 파일에서 마우스 우클릭을 한다. 그리고, '링크주소복사'를 선택한다.

 

다시 HTML편집화면으로 와서 댓글읽기를 검색한다. 원래 img태그를 주석처리하고, img태그 부분의 src를 복사한 주소로 변경한 태그를 추가한다.

댓글 읽기 수정

 

 

아래와 같이 댓글창에 아이콘이 밀리지 않고 잘 나오는 것을 확인할 수 있다. 아이콘을 설정하는 않은 블로거의 경우 여러 개의 아이콘이 겹쳐나오는 것을 알 수 있다. 여기까지 수정하기에는 쉽지 않을 것 같아, 일단 여기서 만족하기로 하였다.

 

댓글창 오류 해결

 

 

오늘은 이렇게 fastboot(패스트 부트) 스킨의 댓글창 오류를 수정해보았다. 티스토리 블로그가 업데이트 되면서 자잘한 오류들이 있다. 다음에도 다른 오류를 수정해보도록 할테니, 많은 관심 가져주길 바란다.