본문 바로가기

블로그 누리는 세상

블로그 팁 - 댓글 입력창 위치 변경법

오늘 새벽 일어나서 블로그를 확인하였습니다.
초하님의 나눔 이벤트에 참여한 계기로 혹시나 댓글이 남겨져 있는지 확인하기 위해서 말입니다. 여러 글을 읽고 초하님의 나눔 이벤트에 참여하신 다른 블로그에 방문해서 댓글도 남기고 트랙백도 걸었습니다.

그런데 김젼님의 maerchen블로그에 접속해서 나눔 이벤트 글에 댓글을 남기려는데....댓글 수가 무려 160개가 넘었더군요. 예상대로 스크롤 압박이 심했습니다. 그래서 문득 일전(현재 스킨 변경전)에는 댓글 입력창을 맨위로 올려놓았던 기억이 났습니다. 하여 이참에 저도 현재 블로그 스킨에 댓글 입력창을 댓글리스트보다 위로 올려 놓는 작업을 했습니다. 그 방법을 아래와 같이 공유합니다. 간단합니다.

   댓글 입력창 위치 변경법 알아보기
 

HTML/CSS편집 창에서 <s_rp_input_form> 을 찾습니다(CTRL + F를 눌러 검색단어를 입력하여 찾으면 쉽습니다).


1. 찾았다면 아래와 같이 블럭으로 지정해서 잘라내기를 합니다.

<s_rp_input_form>                                                                                      
.................................                                                                              
      ..................................                                                                       
................................                                                                               
 ..............................                                                                                
 .............................                                                                                 
</s_rp_input_form>                                                                                    




2. 위에서 잘라낸 내용을 <div class="commentList">코드 바로 위에 삽입하면 됩니다.

<s_rp_input_form>                                                                                      
.................................                                                                              
      ..................................                                                                       
................................                                                                               
 ..............................                                                                                
 .............................                                                                                 
</s_rp_input_form>                                                                                    
<div class="commentList">




적용화면 보기

블로그 팁 - 댓글 입력창 변경

댓글 입력창 변경후 화면

 
관련 글 보기

밋밋한 댓글 입력창에 근사하게 꾸미는 방법
스크롤 압박을 느낀 방문자를 위한 배려
파워 블로거 모르고 있는 방문자를 위한 배려
나를 까대는 블로거 찾아보는 방법
심플, 깔끔한 네임테크그림 파일 만드는 곳
애드센스광고를 클릭하는 사람은 누구?
어떤 포스트에서 클릭이 빈번히 발생되는지 알아보는 방법


반응형