댓글이미지 - 티스토리 댓글 창에 이미지 넣기, 꾸미기

Posted by 협회장 향수코디
2012. 6. 13. 21:56 블로그/파워블로거되기
티스토리 댓글 창에 이미지 넣기, 꾸미기

 

블로그 포스팅을 하다보니, 가끔씩 남겨지는 댓글을 통해서 힘을 얻을때가 간간히 있습니다.
그렇다면, 댓글 창에 이미지를 꾸미면 조금 낳아질까요??

댓글[각주:1]은 올라오는것은 별반 차이는 없으나, 이미지를 넣어 꾸며놓으니 괜~찮네요 ^^ , 워낙 말주변이 없어서 글을 남겨주셔도 어떤말을 써야할지 고민하고 있을꺼예요 ㅋ

 댓글창 이미지블로그 댓글창에 배경이미지 처리를 하여 나타낸 모습

그럼 지금부터 티스토리 블로그에 적용해 보도록 하겠습니다. 포토샵을 사용하실 수 있으면 좀더 재미있게 꾸밀수도 있습니다. 혹시 포토샵에 대해서 문의 하시면 잘 모르지만, 포스팅 해보도록 하겠습니다.

관리자 > HTML/CSS 편집을 클릭한 후 '파일 업로드' 을 선택을 합니다.

아래 이미지의 추가 버튼을 누르고 작업이 된 이미지를 업로드 합니다.
나의 블로그에 맞는 사이즈는 590x150 px 입니다.

댓글이미지 업로드포토샵으로 작업이 완료된 이미지를 업로드 하는 방법.

이미지를 업로드 했으니 이제는 소스코드를 수정 합니다.

HTML/CSS 편집 클릭하시고, Ctrl + F 하셔서 rp_input_comment  입력하고 검색 합니다.

소스코드 찾기rp_input_comment를 검색해서 찾은 다음 소스코드를 수정한다.

붉은색 박스안의 row="10" cols="50"을 통해 댓글창 사이즈를 조절하시면 됩니다.

아래 소스코드를 다운받아서 <taxtarea name= ............................</textarea>까지를 덮어 씌워줍니다.

<textarea style="background-image:url(./images/comment.png);background-repeat:no-repeat; background-position:left" name="[##_rp_input_comment_##]" rows="10" cols="74"></textarea>

빨간색으로 된 부분을 자신의 블로그에 맞게 수정해 주세요!! 저는 이미지 명과 cols의 길이를 수정 하였습니다.

댓글창_html코드.txt

시, 소스코드 중에 onClick="this.style.backgroundImage=''" 스크립트가 포함된 경우가 있습니다. 이 코드는 댓글 입력시에도 댓글창 배경 이미지를 보이게 하려면 삭제해 주세요!

여기까지 하시고 적용이 되시는 분들도 있구요. 그렇지 않으신 분들은 style.css 에서 소스코드를 수정해 주셔야 합니다.

Ctrl + F 하셔서 textarea 입력하고 검색 합니다. 아래 코드를 참고해서 이미지 사이즈에 맞게 사이즈를 수정해 주시면 적용이 됩니다.

.article_action .textarea textarea {width:/*@post-width:-48*/590px/*@*/; height:150px; padding-left:5px; border:1px solid #e1e1d5; font-size:1em; font-family:nanum, Dotum, 돋움;}

티스토리 댓글 창에 이미지 적용 성공하시길 바랍니다.

읽어 주셔서 대단히 감사합니다 ^^

 

  1. [명사] 인터넷에 오른 원문에 대하여 짤막하게 답하여 올리는 글. [본문으로]
이 댓글을 비밀 댓글로
    • P
    • 2012.10.21 23:17
    본문하고는 상관없는 내용이라 죄송하지만
    각주 넣는 방법 좀 알 수 있을까요?
    • 안녕하세요.
      각주 넣는 방법에 대해서 문의하셨는데, 답변이 맞을지 모르겠습니다.
      글쓰기 에디터 상단에 오른쪽에 보면 "가나1" 아이콘이 있습니다. 이걸 이용해서 하면 각주를 넣을 수 있습니다.
      • P
      • 2012.10.22 14:57
      답변 감사합니다.
    • 안뜨
    • 2014.07.04 01:18
    안녕하세요. 제 댓글창이 영어로 나오는데요. 블로거님이 쓰고 있는 이 댓글창처럼 한글로 나오게 하고 싶은데
    어떻게 해야 하나요? 제가 아무것도 몰라서요. ㅠㅠ
    이거랑 똑같게 하려면 어떻게 해야하죠?
    • 안녕하세요.
      어떤 스킨을 사용하고 있는지 블로그를 볼 수가 없네요.
      포스팅 할때와 지금은 스킨이 달라졌어요. 지금은 스킨적용하고 따로 덧글부분 손보지 않았습니다.
      블로그 알려주시면 한번 봐볼께요...
    • 2014.09.07 21:18
    비밀댓글입니다
    • 이 댓글창은 따로 설정하지 않았습니다.
      스킨 제작자분의 설정 그대로 입니다.
  1. https://roachsblog.tistory.com/ 여기블로그들어가면

    Software Hardware Game Technology 카테고리 검색창 직접만들고싶는데

    자세히 답변부탁드립니다 어캐만드는지 잘모르겠어용 ㅠ


    'Technology' 관련 글



    'Software' 관련 글

    'Software' 검색 결과

    'Hardware' 검색 결과
    Copyright 바퀴의 블로그. All Right Reserved.
    1/6
    ◀ PREV NEXT ▶


    Reply Edit



    이름 비밀번호 비밀 댓글 등록

    빠른 질문, 답변 & 방명록
    비밀글로 쓴 글에 대한 답변에는 닉네임을 언급하지 않아 "익명성"을 보장합니다. 편안하게 글을 써주세요.
    이 곳은 방명록 역할도 함께 합니다.
    개인정보가 들어가지 않을 경우 가능하면 "공개글"로 적어주세요.
    질문은 가능하면 이메일 문의 말고 이곳에 질문을 해주세요. 질문답변의 수는 31,420개를 넘었습니다.
    https://cdmanii.com/guestbook 이블로그[이미지넣기] [링크넣기] 태그 사이에 이미지나 링크 주소를 넣어주세요.
    Submit 이미지 업로드
    이매의 블로그은 티스토리 앱 알람을 켜놓았기 때문에 질문이 올라오면 거의 곧 바로 답변 드립니다.( 특정 사정이 있는 경우 제외 )
    전화상담이 필요한 경우 비밀글로 전화번호를 남겨주시면 전화를 드립니다. 단 제가 시간이 가능할때만 허용

    [이미지넣기] [링크넣기] 태그 사이에 이미지나 링크 주소를 넣어주세요.
    Submit 이미지 업로드
  2. https://roachsblog.tistory.com/ 여기들어가시면
    댓글창나옵니다 이런식으로 만들고싶는데
    어디부터쪽에서 만든지 잘모르겠습니당
    댓글
    이름 비밀번호 비밀댓글 등록