티스토리 블로그 스킨 여백 조정 티스토리 CSS 설정하는 방법

보통 HTML이나 웹디자인 초보자, 쌩판 모르는 사람들은 어쩔 수 없이 기본적으로 제공되는 스킨을 사용하고는 하지만

내 마음에 완전히 들 수는 없다. 하지만 직접 수정하고는 싶어도 어떻게 만져야 할지는 모르겠고

일단 막무가내로 아래처럼 따라하다보면 그래도 조금이나마 내 마음에 드는 블로그를 만들어 볼 수 있을 것이다.

 

나같은 경우 게시글이 끝나고나서 맞춤형 광고를 하나 달아두었는데,

1.2.3 게시글 넘기는 곳부터 광고까지의 여백이 너무 넓어서 조금 줄이고 싶었다.

(구글 크롬 기준)

F12를 눌러서 개발자 모드로 들어간다음에 요렇게 생긴 화살표를 누르면

 

원하는 부분에 커서를 가져다 대면, 어떤 HTML코드가 구성되는지 알려줌과 동시에

 

그 옆을보면 CSS창을 보여준다.

HTML이 기능적인 것이라면 CSS는 시각적인 기능을 담당한다.

거기에다가 추가적인 기능을 구현하고 싶다면 제이쿼리나, 자바스크립트를 배우면 된다.

뭐 아무튼

뭐가 뭐인지는 겁먹을 필요없다. 체크박스를 해제하면 그 기능이 없다고 가졍하기도 하고 숫자를 조정 할수도 있는데

 

이렇게 적용된다고 사전에 보여준다.

여기서 만지는 것에 걱정하지 않아도 된다. 페이지에서 나가면 적용되지 않는다.

스킨편집에서 HTML수정으로 들어간다음에 HTML이 아닌 CSS 수정으로 들어가서

 

 

해당하는 부분을 찾아내고

 

원하는 값으로 수정을 하고 저장을 한다면

 

이렇게 여백이 줄어든다.

그리고 이렇게 스킨을 바꿀때마다 백업을하는 습관을 들이자,

나중에 다시 돌아가고 싶을때 어디부터였는지 기억을 못하면 곤란하니까

 

스킨 편집이 아니고 스킨 변경으로 들어가서

스킨다운로드를 하면

압축파일로 만들어 준다.

 

 

아무튼 여백을 조정하고 싶다면 이 방법을 응용해서 다른 곳에서도 설정할 수 있다.

이렇게 쉬운것보다 하나하나 막배워보자.