티스토리 댓글 위치 변경 방법 - 블로그 꾸미기 방법

[티스토리 댓글 위치 변경 방법 - 블로그 꾸미기 방법]

 

 

 

 

몇일 전 다음뷰 추천 버튼 위치변경에 대한 내용을 포스팅한 적이 있었습니다. 다음뷰 추천 버튼과 믹시 추천 버튼을 본문 하단으로 옮겨서 보다 깔끔한 블로그를 만들면 좋겠다는 취지였지요.

 

관련 포스팅 보기: 다음뷰 위치변경으로 깔끔한 블로그 만들기(믹시 포함)[Link]

 

 

 

헌데 여기에서의 문제점은 '방문자들의 추천이 현저히 줄어들 수도 있겠다'라는 생각에 들어 고심 끝에 댓글 적는 위치를 옮기는 것이 좋겠다는 생각이 들었습니다. 방문자들이 포스팅을 다 읽고 댓글을 적을 때 추천 버튼이 인접해 노출되면 어느정도 보완이 되겠다는 생각이였습니다. 해서 아래와 같이 티스토리 댓글 위치 변경을 하였습니다.

 

 

 

 

댓글 적는 위치 변경이 필요한 이유

 

이렇게 티스토리 댓글 위치 변경이 필요한 이유는 다음과 같이 정리할 수 있을 것 같습니다.

 

1. 방문자들이 쉽게 댓글을 남길 수 있다!

과거에는 방문자들이 댓글을 남기려면 스크롤을 끝까지 내려 댓글을 작성해야 하는 불편함이 있었는데 상단으로 옮김으로써 포스팅 내용을 읽고 바로 댓글을 작성할 수 있어 방문자들의 댓글 작성 빈도가 높아질 수 있습니다.

 

2. 추천버튼을 노출시킬 수 있다!

추천버튼과 댓글 적는 위치를 최대한 인접시켜 방문자가 댓글을 적는동안 추천버튼이 계속 노출될 수 있습니다.

 

 

댓글 위치 변경 방법

 

티스토리 댓글 위치 변경을 위해서는 아래의 절차를 따릅니다. 

 

1. 티스토리 관리자 화면 내 HTML/CSS 편집 화면 중 skin.html 에서 <s_rp_input_form> ~ </s_rp_input_form> 을 찾아내서 잘라내기(ctrl+x)를 합니다.

 

 

 

 

 

2. 잘라내기한 댓글창 소스를 <div class="comment">와 <div class="commentList"> 사이에 붙여넣기 합니다.

※ 소스 가운데 <div class="comment">와 <div class="commentList">라는 곳이 많은데 정확하게 두 html 구문 사이에 위치해야 합니다. 저 또한 처음에 다른 곳에 붙여넣어 댓글 다는 창이 사라지는 등 애를 먹었습니다. ^^;

아래와 같이 두 구문 사이에 정확히 위치해줘야 합니다.

 

<div class="comment"> <!-- 댓글창 시작 위치 --> <s_rp_input_form> <div class="commentWrite"> <h3></h3> <s_rp_member> <s_rp_guest> <p> <input type="text" name="" value="" class="input" onfocus="this.className='input_on'" onblur="this.className='input'" title="이름" /> Name <span class="point">__</span></p><p> <input type="password" maxlength="8" name="" value="" class="input" onfocus="this.className='input_on'" onblur="this.className='input'" title="비밀번호" /> Password <span class="point">__</span> </p><p> <input type="text" name="" value="" class="input" onfocus="this.className='input_on'" onblur="this.className='input'" title="링크" />Link (Your Website)</p></s_rp_guest></s_rp_member><p> <textarea name="" rows="10" cols="50" class="textarea" onfocus="this.className='textarea_on'" onblur="this.className='textarea'" title="댓글내용"></textarea></p> <a onclick="" class="submit">Comment</a> <p class="secretWrap"> <input type="checkbox" name="secret" class="checkbox" title="비밀글 체크" /> SECRET | 비밀글로 남기기</p> </div><!--//commentWrite--></s_rp_input_form> <!-- 댓글 끝 -->       <div class="commentList">

 

실제로 다음뷰 추천 버튼과 믹시 추천 버튼을 본문 아래로 이동시키고 댓글 쓰는 위치를 위쪽으로 변경함으로서 예전 수준의 추천 수가 유지되는 것으로 보아 효과가 있지 않나 생각이 듭니다.

 

방문자들도 댓글 달기 편하고 블로그도 깔끔하게 정리할 수 있는 좋은 방법이 아닐까 개인적으로 생각이 듭니다. ^^

 

이상! '티스토리 댓글 위치 변경 방법 - 블로그 꾸미기 방법' 에 관한 포스팅이였습니다.