5분만에 만드는 티스토리 버튼 스킨

티스토리 댓글 버튼 스킨 바꾸기

티스토리 블로그 스킨을 변경하기 시작한지 오늘로 9일인지, 10일인지 되네요. 시작하기 전에는 지루하고 힘든 작업이 될거라 생각했었는데, 막상 해보니 생각보다 재밌네요. 하나 하나 바꿔나가는 과정을 보고 있노라니 나름 화초 키우는 기분입니다.

오늘은 댓글 입력창 옆에 있는 '입력버튼' 모양을 바꿔봤습니다. 예전에 이미지 버튼으로 만들어서 넣었는데 지금보니 가독성도 떨어지고 이걸 왜 해놨지 싶더라고요.

댓글 버튼 치환자

스킨 바꾸는 과정은 그리 어렵지 않습니다. 관리자 모드의 html 코드에서 치환자 '_rp_onclick_submit_'를 찾습니다. 그런다음 해당 태그에 대해 css에서 사용할 id 또는 class를 지정해 줍니다. 간단히는 여기까지만 해도 HTML 수정은 끝나고요.

CSS 코드 부분에서 해당 태그에 대해서 원하는 색상이나 폰트, 테두리 등을 지정해 주면 멋진 버튼이 하나 뿅~ 하고 나옵니다.

5분이면 뚝딱~

버튼 스킨 바꾸기 그리 어렵지 않네요. 제가 허당으로 찍은 동영상만 봐도 아실꺼에요. 스킨 변경하는 분들 화이팅이에요~ ^^ 다들 즐 블로깅 하세요.