본문 바로가기

Blog 이야기/블로그 꾸미기팁

[블로그 꾸미기팁] 티스토리 댓글창에 이미지 추가하기

티스토리 댓글창에 이미지 추가하기


블로그 댓글창의 허전한 부분에 이미지를 채워 넣으시는 분들 많으시죠? 블로그를 보고 그냥 지나가려고 해도 댓글창의 이미지 때문에 댓글 하나라도 더 달릴 수 있지 않을까 하는 생각에 이번 코너 마련해봤습니다.



먼저 댓글창에 넣을 이미지를 만들어줍니다.

이미지의 사이즈나 용량은 최대한 작게 만들고 배경이 투명하게나오도록 png 파일로 저장해주세요.


<저는 이렇게 만들어봤어요. 용량이 크면 블로그가 버벅거릴 수 있다고 하더라구요!>





HTML/CSS 파일업로드 창에 만든 이미지를 올려줍니다.





이 방법 말고도 다른 방법으로 하시는 분들도 많으시더라구요~ 그 방법은 다음에 사용해보기로 하겠습니다.




skin.html에 가셔서 댓글 입력 소스 부분인 textarea를 찾아갑니다.



Skin.html창에서 ctrl+F로 찾으시면 빨리 찾을 수있어요.








texarea에 가셔서 


style="background-image:url(./images/배경이미지파일이름);background-repeat:no-repeat; background-position:center" onClick="this.style.backgroundImage=''"


여기에서 배경이미지파일이름이라고 써있는 부분에 아까전에 업로드한 파일명을 넣어주시면 됩니다.



*저는 왠일인지 적용에 어려움이 있더라구요 ㅜㅜ 좀더 알아보고 적용이 왜 안되었는지 어떻게 하면 적용이 되는지 추가글 남기도록할께용!