티스토리 댓글 아이콘 변경이 안될때 이방법으로 해결해보자

크나큰 난관에 부딪쳤습니다. 바로 아이콘 변경이죠. 블로그 설정에서 아이콘을 설정해봤지만 적용이 안되더라구요. 다른 분들의 블로그에선 제가 설정한 이미지 아이콘이 제대로 반영이되는데 제 블로그에서만 반영이 안됬죠.

제가만든 티스토리 스킨도 아니고 웹편집도 배운적이 없기 때문에 이것저것 만져보다가 해결방안을 찾았습니다. 지금부터 포스팅 해보겠습니다. 약간 편법일수도 있으니 주의하시길.

먼저 우리는 블로그 관리에서 아이콘을 설정했다는 전제하에 진행하겠습니다.  위의 사진처럼 아이콘에 설정했는데 내 티스토리 블로그 페이지 댓글에는 나타나지 않는거죠. 예를들면 저 png 이미지 대신 카카오 프렌즈가 활짝 웃고있는거에요. 전 이거 수정하는 것 때문에 카카오 프렌즈가 쳐다보기도 싫어졌습니다.

저 아이콘을 설정을 했었다면 jpg, png 파일 형식의 32*32 or 64*64 픽셀의 이미지가 저장되어있을 거에요. 바로 새 게시글을 작성해줍시다. 비밀글로 하는게 좋겠죠? 그리고 계속 추가되는 게시글보단 공지로 작성하는 편이 수정하기에 편리할 것 같네요.

글쓰기를 눌러 준 후 - 상단 메뉴의 파일을 클릭해 자신이 원하는 32",64"px의 이미지를 불러옴 - 화면에 마우스 우클릭 - 맨 아래의 검사를 클릭해줍니다.

그러면 html과 콘솔, 소스 등 이것저것 볼 수 있는 창이 생성됩니다. 저는 어차피 봐도모르니까 무시해주고 가장 첫번째 박스에서 우리가 업로드한 이미지 파일을 찾아주세요. Ctrl+f 를 누른 후 img를 입력 후 하나씩 확인하다보면 위의 사진과 같이 이미지가 나오는 코드가 있습니다. 

"https://t1.daumcdn.net/cfile/tistory/9949BA3B5B9D36E526" width="64" height="64"

위에 나온 본인의 이미지 코드 중 ~~src= 까지 제외한 뒷 부분만 복사해줍시다. 제꺼 복사하셔봐야 아무 의미 없어요!

그리고 블로그 관리 - 스킨편집 - html 편집으로 이동합니다. 본인이 사용하는 스킨마다 구조가 다 다를텐데 그래도 한번 찾아봅시다. 첫번째 붉은 박스인 "" 을 찾아주세요. 아마 이건 다 똑같을 것 같네요.

그리고 <img class="media-object" src="//i1.daumcdn.net/thumb/C100x100/?fname="> 와 비슷한 태그를 찾아주시면 됩니다. 두번째 박스의 태그를 변경하기 전 태그인데 카카오 친구들의 태그인 것 같아요. <s_rp2_rep> 태그의 아래쪽에서 찾으시면 수월 할 것 같네요.

태그를 찾았다면 아까 복사한 태그를 붙여넣을 차례입니다. 아까 찾았던 태그와 지금 찾은 태그에서 비슷한 점이 보이시나요? img, class, src 같은 단어들이 보이죠. img class는 가만히 두고 src= 를 제외한 뒷부분에 아까 복사했던 코드를 붙여넣어 주면됩니다.

야호!

근데 참고로 대댓글에만 된다는 점 유의하세요..!! 얼른 제대로된 해결방안을 찾아보겠습니다..