몇 주 전

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

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

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

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

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

ㄹ

위와 같이 

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

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

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

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

그런데, 

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

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

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

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

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

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

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

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

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

관리자 화면입니다. 

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

HTML/CSS 편집을 누릅니다.

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

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

여기서 HTML 부분을 클릭하고

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

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

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

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

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

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

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

자, 여기서

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

</div>

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

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

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

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

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

끝입니다.

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

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

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

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

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

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

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

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

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

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

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

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

티스토리 블로그에는 다양한 스킨이 있습니다. 반응형, 1단형, 2단형, 3단형, 기타 스킨으로 종류도 여러가지 있습니다. 그만큼 여러 디자인의 블로그를 사용할 수 있는 것입니다. 이미 만들어진 스킨 뿐만 아니라 개인이 직접 자신이 원하는 모양으로 스킨을 제작할 수도 있습니다. 

그중에서 Readiz님이 제작한 FastBoot은 보기도, 사용하기도 편리해서 많은 티스토리 블로거분들이 애용하는 스킨 중 하나입니다. 제 블로그도 FastBoot 스킨을 적용한 상태입니다. 대부분의 스킨을 적용해보았지만, 가장 마음에 들었기 때문입니다.

하지만, 모든 블로거들의 입맛을 맞출 수는 없는 법입니다. 

Readiz님도 더 많은 블로거들이 선호하는 방향으로 

스킨을 연구하시고 개발하고 계시는 중입니다.

위와 같이  FastBoot 스킨의 댓글란을 보면 

눈사람 같은 모양의 아이콘이 있는 것을 볼 수 있습니다. 

심플하고 깔끔해서 보기 좋지만, 

그렇기에 조금은 손보고 싶은 마음도 듭니다.

반응형 스킨#2의 댓글란을 보면 티스토리가 다음 카카오와 합쳐진 이후

이렇게 카카오 프렌즈 캐릭터 아이콘이 표시되어 있는 것을 볼 수 있습니다.

평소에 카카오톡을 애요하는 사람으로서 매우 탐이 나는 부분입니다.

자, 지금부터 이것을 어떻게 하면, 

FastBoot 스킨에 적용시킬 수 있을지 알아보겠습니다.

먼저, 관리자 모드로 들어가서 자신이 적용하고 있던 스킨을 저장하기 위해

 스킨 > 스킨저장에서 저장해둡시다.

그리고, 스킨 > 반응형#2스킨을 적용한 후에

HTML/CSS 편집을 눌러 HTML로 들어갑니다.

Ctrl키와 F키를 동시에 눌러 c96이라고 쳐줍니다.

그러면 아래쪽 쯤에 <img src~~~~~"프로필사진"> 코드가 보입니다.

이 부분을 복사해 메모장에 붙여줍니다.

이제 다시 스킨 > PC보관함에 들어가서 

아까 저장해 놓았던 스킨을 다시 적용해줍니다.

그리고 방금 전과 같이 HTML/CSS 편집을 눌러주시고

이번에는 Ctrl키와 F키를 누른 후 user.png라고 검색해줍니다.

위 사진의 빨간 부분의 <img src= ~~~~~~~~~~~~10px;"> 이 부분을

방금 전 복사해두었던 코드로 덮어씌어 주고

상단 부분의 저장을 눌러줍니다. 

여기까지 작업이 끝나면, 댓글란에 

귀여운 카카오 프렌즈 캐릭터 아이콘이 표시되어진 것을 확인할 수 있습니다.

이 방법을 활용, 응용해서 자신의 입맛에 맞도록 댓글 아이콘을 꾸며보도록 합시다^^

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

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