구글 블로그(blogger) 레이아웃 간격 조절 코드 몇가지

구글 블로그(blogger) 레이아웃 간격 조절 코드 몇가지      <http://ielselog.blogspot.kr/p/blogger.html>

일반 템플릿에서 포스트, 탭, 위젯의 간격을 조절할 때 쓰일 수 있는 코드 몇가지를 모아봤습니다. 코드 입력 전에는 반드시 템플릿을 백업해두시고, 테스트용 블로그에서 테스트를 해본 후 적용하시기 바랍니다.

아래 코드들의 삽입 위치는 [대시보드→템플릿→맞춤설정→고급→CSS추가] 입니다.


1. 포스트와 탭(페이지) 사이의 간격 조절

.blog-posts {margin-top:-30px}

-30 대신 원하는 값(음수, 또는 양수)을 지정해줍니다.


2. 포스트와 사이드바 사이의 간격 조절

.blog-posts {margin-right:-30px}

-30 대신 원하는 값(음수, 또는 양수)을 지정해줍니다.


3. 사이드바와 탭(페이지) 사이의 간격 조절

.main-inner .column-right-outer {margin-top:-30px}

-30 대신 원하는 값(음수, 또는 양수)을 지정해줍니다.


4. 포스트 간 간격 조절

.date-outer{margin-bottom:-30px}

-30 대신 원하는 값(음수, 또는 양수)을 지정해줍니다.


5. 사이드바 위젯 간 간격 조절

.sidebar .widget {margin-top:-30px}

-30 대신 원하는 값(음수, 또는 양수)을 지정해줍니다.