얼마 전 티스토리 블로그 Fastboot 스킨의 손님 아이콘 변경하는 걸 알려드린 적이 있는데, 카카오 프렌즈 아이콘으로 변경하는 방법을 알게 되어 손님 아이콘을 변경하고자 하는 분들에게 도움이 될 거 같아 글 남겨봅니다.
스킨 백업을 미리 해두시고 진행하시길 바랍니다.
▲ 관리자 페이지 HTML로 이동하여 user.png 를 검색합니다.
▲ 검색을 하면 총 4개의 검색 값이 노란 배경 형태로 나타납니다. 4개 검색 값의 위치는 우측 사이드바 노란색 선으로 표시되어 있으니 참고하시면 됩니다.
1번째 - 방명록 글 아이콘
2번째 - 방명록 글의 답글 아이콘
3번째 - 포스트 댓글 아이콘
4번째 - 포스트 댓글의 댓글(답글?) 아이콘
먼저 1번째, 2번째 방명록 부분은 건너뛰고 3번째 검색 값으로 이동하여 포스트 부분을 먼저 바꿔줍니다.
▲ 3번째 검색 값으로 이동하면 위와 같은 부분이 보입니다.
<img src="http://cfs.tistory.com/custom/blog/161/1613108/skin/images/user.png?=18660752150.5679849039297551" style="width:60px;border-radius:50em;margin:3px 3px 3px 10px;"/>
▲ 이 부분을 아래처럼 변경해줍니다.
<img src="//i1.daumcdn.net/thumb/C100x100/?fname=" width="60" height="60" class="img_profile" alt="프로필사진" style="width:60px;border-radius:50em;margin:3px 3px 3px 10px;"/>
첨부파일 메모장에 적어두었으니 첨부파일 받으셔서 복사하시면 됩니다.
카카오 프렌즈 아이콘 변경.txt
▲ 이런 식으로 변경해주면 됩니다.
▲ 4번째 검색 값으로 이동하여 3번째 검색 값을 변경한 것처럼 변경해줍니다. 4번째 검색 값은 대략 691줄에 있습니다.
3번째와 4번째 검색 값을 첨부파일 메모장에 있는 주소로 변경하였으면 우측 상단 저장 버튼을 통해 저장해주면 포스트 부분의 손님 아이콘 부분은 변경되었습니다.
▲ 이렇게 카카오 프렌즈 아이콘으로 변경되었습니다. 아이콘은 랜덤으로 표시됩니다.
▲ 다시 1번째 검색 값으로 이동하여 방명록 부분을 변경해주면 됩니다. 방명록 아이콘은 포스트 부분과 다르게 랜덤 아이콘이 적용되지 않아 고정 이미지 주소를 넣어주어야 합니다.
1번째, 2번째 검색 값 부분 중
http://cfs.tistory.com/custom/blog/161/1613108/skin/images/user.png
이 부분을 자신이 원하는 카카오 프렌즈 주소로 변경해줍니다.
카카오 프렌즈 주소는 첨부파일 메모장에 같이 들어있습니다.
카카오 프렌즈 주소로 변경하였으면 우측 상단 저장 버튼을 통해 저장해주면 됩니다.
▲ 이렇게 방명록 부분도 정상적으로 적용되었습니다.
▲ 모바일에서 볼 때도 이상 없이 잘 적용되었습니다.
현재 제 블로그는 아이유 움짤로 아이콘을 적용하여 사용 중입니다. 카카오 프렌즈 아이콘이 아니라 자신이 원하는 이미지나 아이콘으로 변경하여 사용하고 싶으신 분은 아래 이전 글을 참고하시면 됩니다.
정보 & Tip/블로그 다른 글
블로그 인기 글블로그 최신 글