구글블로그 사용법: 위젯(가젯) 사이의 여백 조절하는 방법
블로그의 꾸밈새에 따라 가젯(gadget) 또는 위젯(widget) 사이의 간격을 조절할 필요가 있을 때가 있다. 아래와 같이 간단한 코드를 추가함으로써 쉽게 그리고 잘 어울리도록 조절할 수 있다.
블로그의 모든 가젯에 같은 간격을 주고자 할 때
오른쪽(right) 사이드바에 있는 가젯의 간격만 조절하고자 할 때
왼쪽(left) 사이드바에 있는 가젯의 간격만 조절하고자 할 때
ㅇ #sidebar-right-1 의 숫자 " 1"은 사이드바 갯수에 따라 달라진다. 사이드바가 하나만 있다면 " 1"이지만 사이드바 영역을 여러개로 한 다중 사이드바의 경우 숫자는 "1", "2"...와 같이 붙여진다.
ㅇ 코드를 추가하는 방법은 링크페이지에 자세히 설명되어 있으니 참고하면 된다.
CSS코드 추가 변경하는 방법 2가지
블로그의 모든 가젯에 같은 간격을 주고자 할 때
.widget {margin:10px 0px;}
오른쪽(right) 사이드바에 있는 가젯의 간격만 조절하고자 할 때
#sidebar-right-1 .widget {margin:10px 0px;}
왼쪽(left) 사이드바에 있는 가젯의 간격만 조절하고자 할 때
#sidebar-left-1 .widget {margin:10px 0px;}
ㅇ #sidebar-right-1 의 숫자 " 1"은 사이드바 갯수에 따라 달라진다. 사이드바가 하나만 있다면 " 1"이지만 사이드바 영역을 여러개로 한 다중 사이드바의 경우 숫자는 "1", "2"...와 같이 붙여진다.
ㅇ 코드를 추가하는 방법은 링크페이지에 자세히 설명되어 있으니 참고하면 된다.
CSS코드 추가 변경하는 방법 2가지