구글블로그 애드센스 사용법: 애드센스 가젯 (AdSense Gadget) 넣기와 가로 위치 (왼쪽 가운데 오른쪽 등) 조절하는 방법

구글 블로그에서 애드센스를 넣을 때 애드센스 가젯 (AdSense gadget)을 이용하면 편리하다. 가젯추가는 헤더(Header), 메인(Main), 사이드바(Sidebar), 푸트(Footer) 영역에서 할 수 있고, 어느 영역에서 추가를 하였더라도, 다른 영역으로 옮겨도 상관이 없다.


1. 애드센스 가젯 넣기

=> 블로그 대시보드 > 레이아웃 (Layout) > 가젯추가 (+Add a Gadget)
=> 베이직 (Basics) > 애드센스 (AdSense) > 애드센스 광고단위 설정 (Configure AdSense)

구글블로그 애드센스 사용법: 애드센스 가젯 (AdSense Gadget)  넣기와 가로 위치 (왼쪽 가운데 오른쪽 등) 조절하는 방법


2. 애드센스 가젯 설정하기

애드센스 가젯을 CSS코드로 설정할 수 있다. 애드센스 가젯을 추가하면 가젯 아이디(ID)가 자동으로 부여 되며, 추가한 순서대로 번호를 붙여서 AdSense1, AdSense2 .... 등으로 된다.
애드센스 가젯을 제어하는 CSS 코드는 아래와 같은 모양이다.

[애드센스 제어 CSS 코드 모양]
#AdSense1 {
여기에 필요한 항목을 적고 인자를 조절한다
}

항목과 인자 설정을 예로 들면 아래와 같다.
ㅇ 가로 너비 => width: 336px;
ㅇ 바깥 여백 => margin: 10px;
ㅇ 안쪽 여백 => padding: 5px;
ㅇ 테두리 => border: 1px solid blue;


애드센스 광고를 가로의 가운데에 배치하기

애드센스 광고단위를 300x250 또는 336x280 등으로 하였을 경우나, 반응형 광고단위(Responisve)를 넣은 뒤에 가로폭(width)을 조절한 경우에, 애드센스를 가로의 가운데로 배치하려면 바깥여백 (margin)을 다음과 같이 설정해 주면 된다.
=> margin: 0px auto 0px auto; 또는 margin: 0px auto;

그러면 아래와 같은 모양이 된다.
#AdSense1 {margin: 0px auto; }

CSS 코드를 추가하는 방법은 링크를 참조하세요.
구글블로그 사용법: CSS코드 추가 변경하는 방법 2가지 >>

[애드센스 가젯을 가로의 가운데에 배치한 모양]
구글블로그 애드센스 사용법: 애드센스 가젯 (AdSense Gadget)  넣기와 가로 위치 (왼쪽 가운데 오른쪽 등) 조절하는 방법


도움이 되기를 바랍니다.