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

2017. 4. 2. 00:27 IT, SNS/블로그

티스토리 블로그에는 다양한 스킨이 있습니다. 반응형, 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;"> 이 부분을


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


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







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


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


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




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


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


♥ 암호화폐 후원하기 ♥


ⓑ 비트코인(BTC) ⓑ


◆ 이더리움(ETH) ◆


♣ 리플(XRP) ♣

리플 데스티네이션 태그