본 블로그에서 한 듯이 광고를 게시물마다 2개씩 삽입해주기 위해서는 다음과 같은 절차가 필요하다.




1. 구글 애드센스 신청하기
아래의 링크에서 확인해 볼 수 있다.
http://dmlab.tistory.com/2
신청절차가 완료되면 며칠뒤에 아래 그림과 같이 'Google AdSense Support'라는 제목의 메일이 온다.




2. 첫 번째 광고 단위 생성
링크(https://www.google.com/adsense)를 타고 들어가서 로그인 후,
 '내 광고' 탭을 선택하고 '+새 광고 단위'라는 버튼을 클릭한다.




3. 옵션 선택
적당한 이름을 입력하고, 크기는 250x250으로 지정한다. 다른 옵션들은 취향에 따라 변경하면 된다. 광고유형은 취향에 맞게 선택할 수 있는데, 본 블로그에서는 '텍스트 광고'만을 선택했으며, 다른 옵션들은 default 값을 유지했다.

마지막으로 '저장 및 코드 생성' 버튼을 눌러주면 되는데, 이 때 소스 코드를 담은 팝업창이 뜰 것이다.
두 번째 광고 단위를 생성한 후 다시 확인 가능하므로, 팝업창을 닫아도 좋다.



4. 두번째 광고 단위 생성
2 와 3번을 한 번 더 반복하여 두 번째 광고 단위를 생성한다.

5. 광고 단위 생성 확인
두 개의 광고 단위가 잘 생성되었는지 확인할 수 있다.
여기서 '코드 가져오기'를 각각 클릭하여 코드를 복사해둔다.



6. 티스토리에 광고 삽입하기
이제 티스토리의 관리자 화면에서 'HTML/CSS 편집' 메뉴에 들어가보자.


CTRL+F 단축키를 이용해 "##_article_rep_desc_##"라는 문구를 찾는다.
스킨에 따라 조금씩 다르겠지만, 일반적인 경우, 

<div class="article">

와 같은 형태로 나타나 있을 것이다.


이제 저 사이에 광고를 넣어야하는데, 그냥 넣으면 모양새가 많이 흐트러지므로 아래와 같이 초록색 글씨를 추가한다.

<div class="article">
<!-- google adsense -->
<TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=1 cellPadding=1 width=590 bgColor=#ffffff>
<TBODY>
<TR>
<TD style="BORDER-BOTTOM: #dadada 1px solid; BORDER-LEFT: #dadada 1px solid; BORDER-TOP: #dadada 1px solid; BORDER-RIGHT: #dadada 1px solid" width="50%">
첫 번째 광고 단위 코드 삽입
</TD>
<TD style="BORDER-BOTTOM: #dadada 1px solid; BORDER-LEFT: #dadada 1px solid; BORDER-TOP: #dadada 1px solid; BORDER-RIGHT: #dadada 1px solid" width="50%">
두 번째 광고 단위 코드 삽입
</TD>
</TR>
</TBODY>
</TABLE>
<br>
<!-- google adsense -->

7. 광고 출력 확인하기
저장하고 나면 나의 티스토리 블로그에 광고가 말끔히 게재되어 있음을 확인할 수 있다.
자, 이제 좋은 포스팅을 해서 많은 손님을 끌어들이는 것이 관건이다!