2012. 11. 2. 15:30

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

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


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



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

이미지의 사이즈나 용량은 최대한 작게 만들고 배경이 투명하게나오도록 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=''"


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



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



Trackback 0 Comment 4
  1. 알 수 없는 사용자 2012.11.24 10:29 address edit & del reply

    잘가져갑니다~

  2. Favicon of https://push-log.tistory.com BlogIcon keemdohh 2013.02.17 02:06 신고 address edit & del reply

    찾던 정보였는데 , 감사합니다 ^^
    저도 같은걸로 써도 될까요?? 문제되면 삭제 하겠습니다
    축구좋아하시면 제 블로그도 놀러오세요 ~~

  3. Favicon of https://imaesblog.tistory.com BlogIcon Cacka IMae 2020.03.12 12:59 신고 address edit & del reply

    https://roachsblog.tistory.com/ 여기들어가시면
    댓글창나옵니다 이런식으로 만들고싶는데
    어디부터쪽에서 만든지 잘모르겠습니당
    댓글
    이름 비밀번호 비밀댓글 등록