티스토리 블로그 댓글창 스크롤바 넣어보자.

티스토리 블로그 댓글창 스크롤바 넣어보자.

안녕하세요.
쿨펀치의 세상리뷰의 쿨펀치 인사드립니다.
이 번 포스팅은 댓글창의 중요성 요즘 절실히 느끼고 있습니다. 
이웃과 소통의 역할을 해주는 댓글 공간 하지만 현제 댓글창의 단점이 보여서 보완 해보고자 이렇게 포스팅을 해봅니다.

많은 분들이 댓글 공간에 글을 쓰다보면 기본 글쓰기 줄 수를 넘어 갈 때. 글쓰기 영역 너머로 사라지는 것을 봤을 겁니다.
장문의 글을 쓰다. 내가 어느 정도의 글을 썼는지 또는 글 을 수정 하려 할 때 답답했던 경험들이 있을 겁니다.

물론 글을 드래그해서 해당 영역으로 이동 할 수도 있지만 . 일부 사용자들은 방법을 모를 경우가 많습니다.
자신의 블로그의 댓글창을 이웃과 소통의 장으로 활용 한다면. 이웃의 불편한 점을 조금이라도 해소 시키면 좋을 거 같습니다.

이러한 이유로 블로그 방문자들의 편의를 고려해서 댓글창에 스크롤바를 넣어 댓글창을 업그레이드 해보자.

 

블로그 댓글창 스크롤바 넣어보자.

티스토리 관리자모드 접속해주세요.HTML/CSS 편집 선택

검색 Ctrl + F 하셔서  rp_input_comment         <=== 요 항목을 검색해 주세요.

 

변경전 <textarea name="[ ##^_rp_input_comment_^## ]" rows="5" cols="50"></textarea> 소스중 ^ 표시부분 소스를 보여 주기 위함입니다.  실제 적용시 ^ 꼭 제거 해주셔야 합니다. 변경후 <textarea style="overflow-x:hidden;overflow-y:auto" name="[ ##^_rp_input_comment_^## ]" rows="5" cols="50"></textarea> 위 빨간색 글씨가 스크롤바를 넣기 위해 추가된 내용입니다. 소스중 ^ 표시부분 소스를 보여 주기 위함입니다.  실제 적용시 ^ 꼭 제거 해주셔야 합니다.

위 소스를 수정 해주는 것만으로 댓글창에 스크롤바가 생성 된 것을 확인 하실 수 있을 겁니다.

변경전 댓글창

변경후 댓글창

댓글창에 스크롤바가 추가 되었습니다.
이제 장문의 댓글을 달아도 블로그 방문자님에게 불편함을 조금이나마 해소 할 수 있게 되었네요. ^^

 

댓글창에 이미지 넣은 분들은 어디에 넣어야 할지 어려워하실 분들이 있을 듯 하네요.

변경전 이미지만 넣은 소스 <textarea style="background-image:url(복사한 이미지 경로);background-repeat:no-repeat; background-position:left"  name="[##^_rp_input_comment_^##]" rows="10" cols="50"></textarea> 소스중 ^ 표시부분 소스를 보여 주기 위함입니다.  실제 적용시 ^ 꼭 제거 해주셔야 합니다. 변경후 이미지 & 스크롤바 넣은 소스 <textarea style="background-image:url(복사한 이미지 경로);background-repeat:no-repeat; background-position:left overflow-x:hidden;overflow-y:auto "  name="[##^_rp_input_comment_^##]" rows="10" cols="50"></textarea> overflow-x:hidden;overflow-y:auto 스크롤바 소스를 이미지 넣어 주시면 됩니다. 소스중 ^ 표시부분 소스를 보여 주기 위함입니다.  실제 적용시 ^ 꼭 제거 해주셔야 합니다.

관련 글 & 도움이 되는 글 - 블로그 댓글창 배경 이미지 넣기 - 구글 웹로그 분석 Google Analytics 설치방법 - 구글 애드센스 광고위치 내 맘대로 상단 하단 변경 - 애드센스 광고위치 변경 좌측 우측에 애드센스 넣기 - 애드센스 와 뷰 애드박스 동시에 달아보자. - 검색엔진 최적화하는 방법01 - 타이틀 순서 변경 - 검색엔진 최적화하는 방법02 - 페이지 로딩 속도 개선 방법 - 검색엔진 최적화하는 방법03 - 구글 검색엔진 메타태그 설치

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