댓글배경설정 (2)
블로그 팁 - 댓글 입력창 위치 변경법
반응형
오늘 새벽 일어나서 블로그를 확인하였습니다.
초하님의 나눔 이벤트에 참여한 계기로 혹시나 댓글이 남겨져 있는지 확인하기 위해서 말입니다. 여러 글을 읽고 초하님의 나눔 이벤트에 참여하신 다른 블로그에 방문해서 댓글도 남기고 트랙백도 걸었습니다.

그런데 김젼님의 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">




적용화면 보기

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

댓글 입력창 변경후 화면

 
관련 글 보기

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


반응형
  Comments,     Trackbacks
블로그 팁 - 블로그 댓글 배경 설정법
반응형
블로깅 생활에서 얻을 수 있는 큰 즐거움은 아마도 '댓글 주고 받기'가 아닐까 생각합니다.
소위 말하는 '소통'의 역할을 원활하게 만들어 주는 것이 '블로그 댓글'이겠지요. 

글의 느낌 또는 의견을 주고 받다 보면 미처 발견하지 못한 점들을 알게 되고 더불어 여러 블로그 이웃들과의 친분을 쌓을 수 있는 시초가 아닐까 생각합니다. 여러분들의 블로그 댓글을 작성하는 곳은 어떤지요?



뚝배기 보다 장맛

댓글작성 코너

[ 밋밋한 모습 ]


이제까지 저의 댓글 작성 코너는 참 밋밋한 풍경을 보였습니다.
이 화면을 보고 나니 저의 베짱이 두툭하다고 생각을 했습니다. 글의 내용으로 승부를 걸 만큼 대단하지 않으면서 무슨 심뽀로 휑한 구성으로 댓글이 남겨지길 바랬는지 의문스럽네요. 혹자는 이렇게 말할 수 있겠네요. 구성은 무슨 놈의 구성.....글만 좋으면 되지라고 말 입니다. 즉 뚝베기 보다 장맛이다라는 신조 입니다. 그 말도 참으로 지당합니다.




이왕이면 다홍치마!!!!!

댓글 작성 코너

[ 표도르의 주먹 맛 볼겨!! ]


 하지만 '이왕이면 다홍치마!'라는 말도 있지 않습니까....그리하여 약간의 검색활동을 통하여 알게 된 '블로그 댓글 배경화면' 설정법을 아래와 같이 정리 하였습니다.  아주 간단합니다.

우선 배경으로 사용할 사진을 확보합니다. 사진의 크기와 해상도 등은 각자의 블로그 구성에 맞게 설정하시면 됩니다. 사진 또는 그림을 스킨에 올립니다.


그리고
관리모드 -> 스킨 -> HTML/CSS편집으로 들어가서 'CSS편집'부분에 접근합니다.
"Ctrl + F" key를 눌러 "commentWrithe textarea"를 검색하여 찾습니다.(각자의 스킨에 따라 검색어를 달리 해서 찾아야 합니다.)

만약 배경설정이 없으신 블로그에서는 아래와 같은 코드로 되어 있을 것 입니다.

.commentWrite textarea{
width:510px;
border:1px solid #ddd;
}


위의 코드에서 아래의 "빨간색"코드를 삽입하면 됩니다.
.commentWrite textarea{
width:510px;
border:1px solid #ddd;
background:url(/images/그림파일명.확장자명) no-repeat 0 0;
}

간단 합니다.



블로그 팁 보기

2009/04/22 긴 문장을 간편하게 이동하는 법 마우스 자바코드 

2009/04/21 카테고리 정렬 로딩시간 짧게 해야 하는 이유 접근성 확보 

2009/04/17 링크한 곳 찾는 법 구글 RSS

2009/04/16 네임테그 만들기 온라인 프로그램으로 만들기
반응형
  Comments,     Trackbacks
최근 작성 글
최근 작성 댓글
최근 작성 트랙백
프로필
공지사항
글 보관함
캘린더
«   2024/12   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
TODAY TOTAL