구글 애드센스 티스토리 블로그 본문 상단에 나란히 배치하기

티스토리 블로그에서 본문 영역의 치환자는 아래와 같다.

[ ##_article_rep_desc_## ]

원래 대괄호와 # 기호 사이에 공백은 없는데, 치환자를 본문에 그대로 넣으면 텍스트가 표시되지 않기 때문에 일부러 공백을 넣어두었다.

아무튼 티스토리 블로그에서 본문 상단에 애드센스 코드를 2개 나란히 배치하려면 아래와 같이 해보자.

<div style="overflow:hidden; width:620px; margin:10px 10px 20px 10px">
    <div style="float:left">
        애드센스 광고 코드 A
    </div>
    <div style="float:right">
        애드센스 광고 코드 B
    </div>
</div>

위와 같이 div 태그를 사용하여 코드를 작성한 후 본문 치환자인 [ ##_article_rep_desc_## ] 바로 윗 줄에 넣어주면 된다.

빨간색 부분은 각자 블로그 스타일에 맞게 수치를 수정하도록 하자.

아래 그림은 위 예제를 적용한 이 블로그의 현재 모습이다. 참고로 기존에는 table 태그를 사용했었는데, 이번에 div로 변경하고 보니 확실히 속도가 빨라진 듯 하다.