fastboot스킨 댓글창 아이콘 오류 수정하는 방법은?!

2020. 7. 1. 07:00

필자는 패스트부트(fastboot) 스킨을 사용하고 있다. 처음 티스토리 블로그를 개설할 때, 속도나 화면 디자인 등을 고려해 선택한 스킨이다. 가끔 다른 블로그에서 더 좋아보이는 스킨을 발견하기도 한다. 하지만, 이제는 여러가지 설정도 같이 녹아 있어서 다른 스킨으로 갈아타기는 어렵다. 오늘은 fastboot스킨 댓글창 사용자 아이콘 오류를 수정하는 방법에 대해서 알아보도록 하겠다.


fastboot_댓글창


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


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


html_편집


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


댓글읽기


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


사용자모양의_아이콘


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


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

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


댓글읽기_수정


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


댓글창_수정완료



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

댓글()
  1. Favicon of https://dongdong1388.tistory.com BlogIcon 지잘난함토끼네 2020.07.01 23:47 신고 댓글주소  수정/삭제  댓글쓰기

    디지털 놀이터를
    좀 파헤처 봐야겠어요..
    저에게 필요한게 있는거 같네요^^

  2. Favicon of https://hikitty.co.kr BlogIcon HI KITTY 2020.08.28 14:59 신고 댓글주소  수정/삭제  댓글쓰기

    좋은 정보 감사합니다! 저도 이 문제를 해결해야 했는데 큰 도움이 되었어요 :)