본문 바로가기
블로그 TIP/애드센스 시작하기

애드센스 팁(TIP)사이드바 광고달기 및 가운데 정렬하기

by 구식폰 2013. 2. 23.
반응형

   

1. 내광고 - 새 광고 만들기 - 120*600 광고를 선택하겠습니다. 이전 글 "광고 상단2개 넣기"랑 똑 같습니다.

 

 

2. 저장 후 코드 생성을 하여 광고 코드를 복사합니다.(ctrl+c)

 

 

3. 블로그에서 관리창에서 위 플러그인 설정으로 들어갑니다.

 

4. 자신의 티스토리 블로그로 와서 관리창에서 플러그 인 을 클릭하여 위의 배너출력을 설정합니다.

 

 

5. 다시 관리창으로 돌아가 '사이드바'를 클릭하면 위의 화면이 나옵니다. 왼쪽 아래 HTML 배너출력을 클릭합니다. 그러면 오른쪽에 HTML 배너출력이 생성됩니다.

 

 

6. 오른쪽 HTML 배너출력 텝에 편집을 누르면 위의 창이 뜹니다. 광고 코드를 붙여 넣으면 됩니다.

 

 

7. 저장을 하고 블로그로 돌아오면 광고가 제대로 나오지는 않지만 사이드바에 뜨네요. 10분 정도 기다려야지 나옵니다.(신규 광고일 경우)

 

8. 자 광고나 나왔네요. 근데 무언가 어색합니다. 문제는....

 

9. 문제는 정렬에 있네요. 근소하지만 왼쪽 그림이 한쪽 테두리에 약간 붙어있네요. 왼쪽을 오른쪽으로 바꾸는 작업에 들어갑니다. 일단 HTML/CSS 편집으로 들어가서 STYLE. CSS에서 #sidebar2 .module { 를 찾습니다.

그 아래 20PX. 23PX 를 조절하여 보기 좋게 정렬합니다. 

 

 

 

 

 

반응형

댓글