방명록 비밀글


티스토리 방명록 비밀글 기능 추가 방법

티스토리 블로그를 하면서 가끔 방명록을 사용해서 비밀글을 보내시려는 분들이 있습니다.

얼마 전 저에게 비밀글을 보내고 싶으신 분이 계셨는데, 비밀글 기능이 안 되어 일반 포스팅글에 댓글을 달아 주셨네요.

저도 그분의 글을 읽고 내 블로그에 방명록이 있었지 하고 찾아보니 댓글처럼 비밀글 기능이 되어 있는 게 아닌 모두 공개로 되어 있더군요. 관리자 모드에서 찾아도 방명록만 따로 비밀글 기능을 넣을 수 있는 방법이 없었습니다. 

그렇다고 비밀글 기능을 포기 하자니 좀 그래서 열심이 찾아 해맨 결과 방법을 찾아 포스팅 하기로 했습니다.


위 소스를 활용 하시면 쉽게 하실 수 있을거에요.


 


 

 티스토리 방명록 비밀글 기능 추가 방법

티스토리의 관리자 모드에 접속해 주세요.

방명록 비밀글

HTML/CSS 편집 클릭.

   
검색 Ctrl + F 하셔서 

</s_quest_form>       <=== 요 항목을 검색해 주세요.


방명록 비밀글


 

 
변경전 소스

</s_guest_form>

</s_guest_member>

 

방명록 비밀글


 

 
변경후 소스

</s_guest_form>
<!-- 방명록 비밀글 추가 시작 -->                        <---  이 부분은 주석이므로 삭제 하셔도 됩니다.
<p class="secretWrap">
           
<input type="checkbox" id="[##^_guest_input_is_secret_^##]" name="[##^_guest_input_is_secret_^##]" class="checkbox" value="1" />
           
<label for="[##^_guest_input_is_secret_^##]">: 비밀글 </label>

</p>

<!-- 방명록 비밀글 추가 종료 -->                      <---  이 부분은 주석이므로 삭제 하셔도 됩니다.
</s_guest_member>

( 소스중 ^ 은 예제를 보여주기 위해 적은 것이므로 실제 적용 시에는 꼭 ^삭제 하셔야 합니다. )

 

방명록 비밀글


여기 까지 완료되었다면. 한고비 넘겼습니다. 
위 이미지처럼 비밀글 기능이 추가 되었으니까요.  하지만 조금 이상 하지 않나요? 

비밀글 체크 박스의 위치가 잘못되었습니다.  이제 비밀글의 제 위치에 올 수 있도록 수정을 해보겠습니다.



다시 한 번 티스토리 관리자 모드에 접속 해주세요.


방명록 비밀글

HTML/CSS 편집 클릭.

   
검색 Ctrl + F 하셔서 

<#guestList>       <=== 요 항목을 검색해 주세요.


방명록 비밀글


 

 
변경전 소스

#guestList                  { padding:10px 0 0 0;}

#guestList ol,
#guestList ul               { margin:0; padding:0;  list-style:none;}

 


방명록 비밀글

 

 
변경후 소스

#guestList                  { padding:10px 0 0 0;}

/* 방명록 비밀글 기능 추가 시작 */
#guestWrite .secretWrap { float:right; position:relative; top:-23px; left:-10px;}
#guestWrite .checkbox { border:none; padding:0; margin:0; width:25px;}
/* 방명록 비밀글 기능 추가 종료 */

#guestList ol,
#guestList ul               { margin:0; padding:0;  list-style:none;}

 

 

방명록 비밀글


여기 까지 완료 하였다면. 위 이미지처럼 비밀글 기능이 추가 완료 된 것을 확인 할 수 있습니다.  ^^
어렵지 않게 변경 가능 하죠. 

 
소수가 다르게 보일 때

가끔 스킨을 다른 것으로 적용 하신 분들 적용이 안되셔서 놀라셨죠?
아래의 소수 처럼 content 방명록 리스트로 시작 하는 스킨이 있습니다. 

#guestWrite .secretWrap 이부분을  .content .secretWrap 변경

#guestWrite .checkbox   이부분을  .content .checkbox  변경


수정후 적용


/* content 방명록 리스트 */
.content .guestbook .list { color:#888; margin:10px 10px;}
/* 방명록 비밀글 기능 추가 시작 */
.content .secretWrap { float:right; position:relative; top:-23px; left:-10px;}
.content .checkbox { border:none; padding:0; margin:0; width:25px;}
/* 방명록 비밀글 기능 추가 종료 */


티스토리 방명록 비밀글 기능 추가 방법 을 통해서 방명록에서도 비밀글을 사용 가능하니 방문자님들께서 비밀글 보내시기가 좀더 쉬워 졌습니다.   이상 쿨펀치의 방명록 비밀글 다는 방법에 대해 알아 봤습니다.

쿨펀치의 세상리뷰 는 여러분의 소중한 댓글과 VIEW ON 클릭 구독 클릭이 큰힘이되어.
더 좋은 블로그를 만들 수 있게 하는 원동력이 됩니다.  

방명록 비밀글

Posted by 쿨펀치 쿨펀치

댓글을 달아 주세요

  1. Favicon of http://zpinfo.co.kr BlogIcon 질풍정보 2012.01.05 13:01 신고  댓글주소  수정/삭제  댓글쓰기

    저도 티스토리 처음 할때 비밀글이 없어 당황했었죠.ㅋㅋ

  2. Favicon of http://www.ibagu.co.kr BlogIcon 이바구™ 2012.01.05 14:33 신고  댓글주소  수정/삭제  댓글쓰기

    제가 질문했었죠.^^
    가끔가다 비밀기능이 없는 스킨이 있더라구요.

  3. Favicon of http://easyscreen.tistory.com BlogIcon easyscreen 2012.01.05 21:39 신고  댓글주소  수정/삭제  댓글쓰기

    처음 고른 스킨에는 없었던 기억이 있어 적용해 보려고 가봤더니 최근 제가 고른 스킨이 포함하고 있었네요..^^

  4. Favicon of http://eamal2o.tistory.com BlogIcon 에말이오 2012.02.08 01:01 신고  댓글주소  수정/삭제  댓글쓰기

    저는 플라워 라는 기본 스킬을 쓰고 있는데 이스킨을 쓴느 사람은 아무리 찾아봐도 없네요 ㅎㅎ;
    저는 플라워 스킨 색이 마음에 드는데 칼라가 좀 강해서 보는 이들이 부담 스러워 하려나 ;;

    아무튼 너무 잘봤습니다.ㅎㅎ
    저도 적용하렵니다^^*

    그런데 빨간 경고문구로 ^ 이걸 지우라 고 하셨는데
    아무리 찾아봐도 ^ 이 기호가 안보이는데요 ;;;

    • Favicon of http://coolpunch.tistory.com BlogIcon 쿨펀치 쿨펀치 2012.02.08 01:10 신고  댓글주소  수정/삭제

      에말이오님 안녕하세요.

      이제 ^ 기능 보이시죠? ㅎㅎ 수정했습니다.
      수정된 소스에서 ^ 꼭 빼시고 하셔야 합니다.

    • Favicon of http://eamal2o.tistory.com BlogIcon 에말이오 2012.02.08 17:26 신고  댓글주소  수정/삭제

      아 ;;
      다운받은 소스에는 ^ 이것이 없어서 그대로 복사를 해서 위치에다 넣었는데도 방명록에 변화가 없네요.

      바보가 된 이느낌 ㅋㅋ;;

    • Favicon of http://coolpunch.tistory.com BlogIcon 쿨펀치 쿨펀치 2012.02.08 17:32 신고  댓글주소  수정/삭제

      처음 부터 차근 차근 해보세요.
      안되신다면 원격제어로 봐드리도록 하겠습니다.

    • Favicon of http://coolpunch.tistory.com BlogIcon 쿨펀치 쿨펀치 2012.02.08 17:39 신고  댓글주소  수정/삭제

      혹시 다운받은 소스에서
      skin.html 수정에서
      </s_guest_form>
      </s_guest_member>
      이것도 삽입 하셨나요? 소스첨부에서 이부분은 빼고 삽입 하셔야 합니다.


      style.css 수정에서도
      #guestList { padding:10px 0 0 0;}
      #guestList ol,
      #guestList ul { margin:0; padding:0; list-style:none;}

      이부분은 비교 하시라고 올려 놓은 부분이에요.
      한글로 설명된 부분 부터 한글로 설명 끝난 부분 들만소스 사용 하셔야 합니다.

    • Favicon of http://eamal2o.tistory.com BlogIcon 에말이오 2012.02.08 17:53 신고  댓글주소  수정/삭제

      네.
      방명록 비밀글 추가 시작 부터
      종료 까지 복사를 해서 붙혀넣기를 했어요..
      정확한 위치에다가 ;;

      원격제어도 제가 네이트 탈퇴를 하는바람에 방법이 없네요 ㅠㅠ

    • Favicon of http://coolpunch.tistory.com BlogIcon 쿨펀치 쿨펀치 2012.02.08 18:04 신고  댓글주소  수정/삭제

      소스를 복사해서 제 메일로 보내주시겠어요.
      제가 보고 어떤 부분이 이상이 있는지 봐드릴께요.
      소스 처음 삽입되기 전 10 줄 삽입후 10줄 정도
      skin.html

      style.css

      소스를 메일로 보내 주시면 검토 해보겠습니다.

    • Favicon of http://coolpunch.tistory.com BlogIcon 쿨펀치 쿨펀치 2012.02.08 18:28 신고  댓글주소  수정/삭제

      메일주소가 다시 보내주셔야되요
      다음은 coolpunch01로 보내주셔야되요.
      쿨펀치 다음 숫자 공일 입니다.

    • Favicon of http://eamal2o.tistory.com BlogIcon 에말이오 2012.02.08 18:36 신고  댓글주소  수정/삭제

      coolpunch.daum.net 으로 보냈습니다 ㅎㅎ


      coolpunch01.daum.net 로 다시 보냈습니다^*^

    • Favicon of http://coolpunch.tistory.com BlogIcon 쿨펀치 쿨펀치 2012.02.08 18:55 신고  댓글주소  수정/삭제

      skin.html 수정 부분은 문제가 없습니다.


      style.css 수정을 안하셨나요?
      이부분은 메일이 안왔는데.

      style.css 수정도 함께 이루어져야 합니다.
      /* 방명록 비밀글 기능 추가 시작 */
      #guestWrite .secretWrap { float:right; position:relative; top:-23px; left:-10px;}
      #guestWrite .checkbox { border:none; padding:0; margin:0; width:25px;}
      /* 방명록 비밀글 기능 추가 종료 */ 소스가 들어가야 됩니다.

    • Favicon of http://eamal2o.tistory.com BlogIcon 에말이오 2012.02.08 19:04 신고  댓글주소  수정/삭제

      #guestList 가 검색이 안되고 찾아보려고 스크롤을 내려봐도 안보이네요 ;;

      그리고 윗부분이 이상이 없으면 일단 방명록에 비밀글선택 박스가 나타나야 정상 인거죠?
      그런데 저는 그 선택 박스가 안나타나요..

    • Favicon of http://coolpunch.tistory.com BlogIcon 쿨펀치 쿨펀치 2012.02.08 19:08 신고  댓글주소  수정/삭제

      F5 단축키 누르셔서 새로고침 해보셨어요?

      지금 방명록에 비밀글 체크 까지 삽입되어 있습니다.
      체크 박스가 우측에 가기만 하면 모든게 완성인데.

      style.css 에서 검색이 되어야 되는데
      #guestlist 를 찾으셔야 되요.

    • Favicon of http://coolpunch.tistory.com BlogIcon 쿨펀치 쿨펀치 2012.02.08 19:25 신고  댓글주소  수정/삭제

      방금 원격제어 프로그램 메일로 보내드렸습니다.
      메일 확인 하시면 원격제어 해드릴께요.

    • Favicon of http://eamal2o.tistory.com BlogIcon 에말이오 2012.02.08 21:21 신고  댓글주소  수정/삭제

      너무 감사드립니다.
      오랜시간 이것때문에 시간을 많이 허비하셔서 죄송스럽네요

      더군다나 해결까지 해주셔서 고마운 마음 금할길이 없네요^^*

      다시 한번 감사드립니다^^*

    • Favicon of http://coolpunch.tistory.com BlogIcon 쿨펀치 쿨펀치 2012.02.08 21:30 신고  댓글주소  수정/삭제

      ^^ 괜찮습니다.
      저도 나름 공부 되면서 아주 좋았어요.

  5. Favicon of http://141121.tistory.com BlogIcon 304 2012.02.09 17:51 신고  댓글주소  수정/삭제  댓글쓰기

    방명록에는 당연히 비밀글 체크가 있는줄 알았는데 로그아웃하고 들어가보니
    비밀글 체크란이 없어서 당황하다 검색해서 들어왔는데 덕분에 아주 쉽게 적용했습니다~
    좋은 정보 감사합니다^^

  6. 2012.02.10 15:25  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  7. Favicon of http://rfv1479.tistory.com BlogIcon Wise사툰 2012.03.02 16:23 신고  댓글주소  수정/삭제  댓글쓰기

    좋은 정보 감사합니다 ^^

  8. Favicon of http://jhhus.tistory.com BlogIcon 제임스라이언 2012.04.04 20:56 신고  댓글주소  수정/삭제  댓글쓰기

    하다보니 위에 오타가 있네요 </s_quest_form>를 검색하라고 하셨는데 자세히 보니 </s_guest_form> 이네요 q가 아니라 g였네요 ㅎ 그리고 <#guestList> 로 검색하라고 하셨는데 <>가 없는 #guestList 이네요. 오타 수정 부탁드립니다.^^

  9. Favicon of http://quarker.tistory.com BlogIcon quarker 2012.05.28 13:22 신고  댓글주소  수정/삭제  댓글쓰기

    감사합니다. 블로그 만들면서 이게 없길래 넣었는데 로그아웃 상태에서만 뜨네요... 로그인 되면 비밀글 버튼이 뜨지 않아요 ㅠㅠ

    • Favicon of http://coolpunch.tistory.com BlogIcon 쿨펀치 쿨펀치 2012.05.28 17:38 신고  댓글주소  수정/삭제

      사용자 자신의 블로그에 자신이 비밀글로 작성할 일이 없자나요.^^;

      다른 아이디로 접속후 사용자 블로그 접속해보세요.
      비밀글 체크 항목 잘보일거에요 거에요.

      사용자 본인이 자신의 블로그에 비밀글 작성할 일이 없기 때문에 로그인후 자신의 글 비밀 체크 기능이 안보이는 거에요.

  10. SG 2012.07.26 18:25 신고  댓글주소  수정/삭제  댓글쓰기

    안녕하세요.
    가르쳐주신대로 적용을 해봤는데요.
    그렇게 하면 비밀글 체크박스가 생기기 전과 비교해서
    공백이 한 줄 생기잖아요? 그 공백은 어떻게 없애야 하는지 혹시 아시나요?
    이름,패스워드,홈페이지,(공백),글쓰는 곳.
    이런 모양으로 원래 없던 공백이 생겨서 없애는 방법을 알고 싶어요!
    혹시 아시면 답변 부탁드릴께요. 감사합니다!

    • Favicon of http://coolpunch.tistory.com BlogIcon 쿨펀치 쿨펀치 2012.07.27 16:05 신고  댓글주소  수정/삭제

      SG님 안녕하세요.

      스킨마다 공백여부가 다르게 나타나고 있습니다.
      공백을 수정하기 원하 실 경우
      위 이미지에서 파란색 박스로 표시된 부분 top:-23px; left:-10px; 부분의 값을 조절 해보시면서 적당한 값을 찾으셔야 합니다.

      무더운 여름 시원하게 보내세요.

    • SG 2012.07.27 22:36 신고  댓글주소  수정/삭제

      안녕하세요! 답변 감사합니다.
      알려주신대로도 물론 해봤었습니다만,
      그 부분은 공백 조절이 아니라,
      체크박스와 비밀글 폰트의 위치 조정이였습니다..
      배경이 백그라운드인 공백을 줄일 수는 없는 것일지..
      즉, 글을 쓰는 박스 자체가 한칸 내려와 있습니다만..-_ㅠ
      참고로 쿨펀치님께서 본문에 삽입하신 이미지에서도 before보다 after에서 한 줄 공백이 생겼습니다!;;

  11. Favicon of http://yeol0925.tistory.com BlogIcon 그.리.다. 2012.10.22 16:29 신고  댓글주소  수정/삭제  댓글쓰기

    와 정말 감사합니다!!

  12. 2012.11.08 23:07  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

    • Favicon of http://coolpunch.tistory.com BlogIcon 쿨펀치 쿨펀치 2012.11.13 14:09 신고  댓글주소  수정/삭제

      적용하신 스킨마다 조금씩 다를 수 있습니다.
      일반적인 경우 위 방식으로 적용이 가능합니다.

      안되는 경우 티스토리 로그인 상태에서 확인한 경우

      이미 로그인 한경우 자신이 자신에게 비밀글 쓸 일이 없겠죠.

      그래서 비밀글 체크창이 나오지 않게 됩니다.

      확인 하실때 로그아웃 하신후 블로그 접속해 보세요.

  13. Favicon of http://sss0101.tistory.com BlogIcon 잉잉e 2013.02.09 17:46 신고  댓글주소  수정/삭제  댓글쓰기

    설명을 진짜 잘해놓으셨네요
    예시도 보기 좋고
    도움 많이 됐습니다 ^^

  14. Favicon of https://butterfly-fly.tistory.com BlogIcon 버터 플라이 2017.12.17 21:49 신고  댓글주소  수정/삭제  댓글쓰기

    제가 방명록에 비밀글 다는 거는 배워서 알고 있었는데요.
    지금 쓰고 있는 일반 댓글에 비밀글로 설정 할수 있는 기능을 혹시 알려주실 수 있을까요?
    하트 누르고 갑니다.^^