본문 바로가기

블로그/파워블로거되기

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

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

 

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

댓글[각주: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

    본문하고는 상관없는 내용이라 죄송하지만
    각주 넣는 방법 좀 알 수 있을까요?

    • Favicon of https://czero.co.kr BlogIcon 향수코디 2012.10.22 12:12 신고

      안녕하세요.
      각주 넣는 방법에 대해서 문의하셨는데, 답변이 맞을지 모르겠습니다.
      글쓰기 에디터 상단에 오른쪽에 보면 "가나1" 아이콘이 있습니다. 이걸 이용해서 하면 각주를 넣을 수 있습니다.

    • P 2012.10.22 14:57

      답변 감사합니다.

  • 안뜨 2014.07.04 01:18

    안녕하세요. 제 댓글창이 영어로 나오는데요. 블로거님이 쓰고 있는 이 댓글창처럼 한글로 나오게 하고 싶은데
    어떻게 해야 하나요? 제가 아무것도 몰라서요. ㅠㅠ
    이거랑 똑같게 하려면 어떻게 해야하죠?

    • Favicon of https://czero.co.kr BlogIcon 향수코디 2014.07.04 03:07 신고

      안녕하세요.
      어떤 스킨을 사용하고 있는지 블로그를 볼 수가 없네요.
      포스팅 할때와 지금은 스킨이 달라졌어요. 지금은 스킨적용하고 따로 덧글부분 손보지 않았습니다.
      블로그 알려주시면 한번 봐볼께요...

  • 익명 2014.09.07 21:18

    비밀댓글입니다

  • Favicon of https://imaesblog.tistory.com BlogIcon Cacka IMae 2020.03.11 14:05 신고

    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 이미지 업로드

  • Favicon of https://imaesblog.tistory.com BlogIcon Cacka IMae 2020.03.12 13:08 신고

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