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. Favicon of http://jjunbj.tistory.com BlogIcon 멘토쌤 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/ 여기들어가시면
    댓글창나옵니다 이런식으로 만들고싶는데
    어디부터쪽에서 만든지 잘모르겠습니당
    댓글
    이름 비밀번호 비밀댓글 등록

2012. 8. 16. 10:48

[블로그 꾸미기팁] 티스토리 마이링크 접기





저번 시간에 티스토리를 이용한 이웃관리에 대해 포스팅을 했었는데요~

티스토리를 하다보면 많은 이웃들을 알게되지만 링크를 다 걸고나면 블로그 사이드 바가 엄청 복잡해질 것입니다.

그럴땐 티스토리에 마이링크를 접어서 깔끔하게 관리하는 방법이 있는데요!

지금부터 잘 따라와주세요!!




먼저 HTML/CSS 관리창으로 가서 skin.html에서 링크 모듈을 찾습니다. 이 곳에서 링크를 수정하시면 되는데요!


<DIV>
<SELECT style="WIDTH: 155px; FONT: 9pt "맑은 고딕"; COLOR: #bbbaba" onchange=window.open(this.value);> 
<OPTION>MY LINK----------</OPTION> 
<OPTION value=주소>제목</OPTION> 
<</SPAN></DIv>



위에 것을 복사해가셔서 링크모듈에 넣어주세요.

빨간글씨로 된 주소와 제목부분에 내 링크를 넣어주시면 됩니다.

기본적인 티스토리 블로그 뿐만아니라 네이버 블로그, 혹은 좋아하는 사이트도 모두 여기에 넣어서 관리 할 수 있겠죠? 게다가 제목도 제 맘대로 정하는 것이니 보기 깔끔하게 원하는 방법으로 정리할 수도 있구요!




저는 아직 내링크에 추가된 분이 별로 없어서 다행인게 모두 수작업으로 해야하는 부분이라 링크가 많으신 분들은 시간이 조금 오래 걸릴 것 같아요.



제가 적은 링크는 이렇게 되어있습니다. 앞으로 더 많은 링크를 추가해야겠죠?

그나저나 링크 추가가 되지 않는 블로그가 많은데 그럴 땐 어떻게 해야하는지 또 찾아봐야겠습니다.



사이드에 이렇게 예쁘게 자리잡혔습니다.

다음시간엔 웹폰트 적용을 다시 한 번 더 도전해 보도록 하겠습니다.


감사합니다!!


Trackback 0 Comment 0