Loading
2015. 1. 17. 18:58 - 사랑행복

공간 스킨 - 댓글창 이미지 설정


* 티스토리 블로그를 하면서 다른 사람들과 소통을 하고 싶지만, 그게 말처럼 쉬운 일이 아니다.


* 티스토리 블로그는 네이버 블로그처럼 카페나 지식인 등을 통해 상대방을 검색하거나

반대로 다른 사람이 내 블로그로 유입될 방법이 없기 때문에, 다른 사람과의 소통 통로가 적다.


* 즉, 다른 사람과 교류를 하기 위해서는 오로지 댓글창 하나에 의존할 수 밖에 없다는 뜻이다.




* 그러니 위의 스크린샷처럼 댓글창 이미지 설정을 하여

다른 사람들과는 다른 개성있고 이쁜 댓글창으로


* 자신의 블로그를 방문한 방문자가 조금이라도 댓글을

달 마음이 생기도록 만들자.


* 이러한 사소한 것들이 모이고 모여, 다른 사람들과의

커뮤니케이션이 만들어진다고 생각한다.


* 참고로 댓글창 이미지 설정은 다른 스킨에서도 적용할

수 있다.




공간 스킨 댓글창 이미지 설정 1번.


* 사랑행복처럼 댓글창 이미지 설정을 하려면, 우선 댓글창에 설정할 이미지부터 구하도록 한다.

이미지 크기는 731 X 140 크기의 이미지가 필요하다.


공간 스킨이 아니라면 댓글창 이미지에 쓰일 이미지 크기는 자신의 댓글창 크기로 한다.


* 만약 자신이 사용하려고 하는 이미지 크기가 731 X 140 이 아니라면, 731 X 140 크기로 수정하도록 한다.


* 또한 포토샵등을 이용하여, 댓글창에 사용할 이미지에 자신이 생각한 문장도 적용하도록 한다.

아무래도 댓글창에 이미지만을 설정하는 것보다는 문장도 같이 있는 편이 좋기 때문이다.



공간 스킨 댓글창 이미지 설정 2번.


* 댓글창 이미지 설정할 이미지를 만들었다면, 자신의 티스토리 블로그에 이미지를 업로드 하도록 한다.


* 티스토리 블로그 관리창에 접속 한다. 그 다음 html/css 편집을 클릭을 하고, 파일업로드 메뉴로 이동한다.


* 하단의 추가 버튼을 눌러 자신이 만든 댓글창 이미지를 추가 한다.


* 그리고 추가한 이미지를 파일목록에서 찾아 오른쪽 마우스를 클릭한다.


* 그러면 링크 주소 복사라는 버튼이 있는데, 누르도록 한다.


* 이 주소는 html/css skin.html 메뉴를 수정할 때 사용하므로, 메모장등을 열어 복사한 주소를 저장해 둔다.



공간 스킨 댓글창 이미지 설정 3번.


* html/css 편집을 클릭하여, skin.html 메뉴에서 컨트롤 + F 키로 </s_rp_member>를 찾도록 한다.


* 밑에 줄에 있는, placeholder="댓글을 입력하세요."를 지우도록 한다.


* 지울때 앞문장과 뒷문장의 띄어쓰기에 주의 하도록 한다.


* 즉, 큰따옴표(")와 rows 사이에 한칸이 띄어져 있어야 한다.



공간 스킨 댓글창 이미지 설정 4번.


* rows="10" cols="50" 라고 쓰여져 있는 부분을 찾는다.


* cols="50" 뒤에 한칸을 반드시 띈 다음, 아래에 첨부한 명렁어를 넣는다.


명령어.txt



공간 스킨 댓글창 이미지 설정 5번.


*아까 저장해둔 댓글창 이미지 주소를 확인한다.


*그러면 ----/skin/images/%EB%8C%93%EA%B8%80%EC%B0%BD%2002.jpg?=1249780078

이런 식으로 적혀있는데 images/ 다음 부분만 복사하여, 위에 스크린샷에 표시된 

자신의이미지주소에 붙여 넣기 한다.


* 즉 위의 경로를 예로 든다면 자신의이미지주소 라는 글씨를 지우고

%EB%8C%93%EA%B8%80%EC%B0%BD%2002.jpg?=1249780078 를 붙여넣기 하면 된다.


* 자신의이미지주소라고 적힌 2곳 모두 수정하도록 한다.


* 이렇게 하면 댓글창을 클릭하지 않았을 때는 이미지가 보이고

댓글을 쓰기 위해 댓글창을 클릭하면 이미지가 사라진다.


* 댓글창 이미지 설정을 통해 조금은 다른 사람과 차별화된 자신만의 블로그를 만들어 어필하도록 하자.


댓글을 입력하세요

  1. BlogIcon 예지력 2015.01.10 02:42 신고

    좋은 방법이네요 감사합니다~

  2. BlogIcon 재니곰 2015.01.11 17:36 신고

    죄송하지만 아래에 첨부한 명령어 라는게 어디있는 건가요?ㅠㅠ

  3. BlogIcon 재니곰 2015.01.11 22:34 신고

    감사합니다! 덕분에 쉽게 댓글창 이미지를 설정했어요^-^
    번거롭게 죄송하지만.. 사랑행복님 블로그 우측에 있는 그림같은건 어떻게 넣는건가요..?

    • BlogIcon 사랑행복 2015.01.12 00:13 신고

      보통 사람들이 사용하는 화살표 모양의 위로가기 버튼을
      화살표 대신 캐릭터 이미지를 사용한 것입니다.

      인터넷에서 위로가기 버튼을 검색하시면 관련글이 많이 나올거에요.
      그럼, 즐거운 밤 되세요. ^^

  4. BlogIcon 재니곰 2015.01.12 00:47 신고

    감사합니다^-^ 좋은 밤 되세요 :)

  5. BlogIcon 은빛여우꼬리z 2015.01.23 15:49 신고

    블로그 이미지 변경하는 방법도 설명한번 해주실수 있을까요..;;
    그림 파일을 업로드해봐도 원하는 그림으로 변경이 안되네요..
    아참 그리고 비키니 입으신 여성분 위로 올리기도..배워 봤음 좋겠어요 -0-

    • BlogIcon 사랑행복 2015.01.23 16:33 신고

      블로그 이미지라는게 하단 부분 막대바와 상단의 네모난 타이틀 부분을 말씀하시는 건가요?
      간략히 설명드리면, a_jacket_cover 와 a_btm_desktop_cover 를 바꾸어주셔야 합니다.

      기존 파일은 그대로 두고, 교체하고 싶은 이미지 파일의 이름을
      기존의 이름 + 뒷부분에 숫자1을 추가하신 다음 업로드 -> 코드를 수정해 보세요.
      a_btm_desktop_cover1 이런식으로요.
      저같은 경우는 파일 이름을 기존의 것으로 하면 적용이 안되더군요.

      위로 올라가는 이미지는 'top' 버튼입니다. 인터넷에서 쉽게 찾으실 수 있을 겁니다.
      관련글은 최대한 빨리 포스팅하도록 하겠습니다.