--- 애드센스와 포스트 본문과의 관계 이해 ---

- 제목을 거창하게 시작했지만 애드센스 광고의 부각을 위한 테이블 태그와
본문과의 거리 유지 등에 대해 좀더 자세히 설명 하려 합니다.

첫번째로 포스트 본문과의 거리 유지에 대해 알아 보도록 하겠습니다
포스트 본문 내용과 딱 붙은 광고? 멀리 떨어진 광고?
어느것이 블로그 접속자로 하여금 클릭을 유도 할수 있을까요?
본문 내용과 딱 붙은 광고로 인해 미스 클릭을 유도 할수도 있을 것이고
멀리 떨어진 대신 부각시킨 광고로 손이 가도록 유도 할수도 있을 것입니다
그건 사용자의 판단 이겠지요^^
앞선 포스팅에서도 언급 했듯이

##_article_rep_desc_##

이 코드가 기억 나시나요? 바로 내용 본문이라고 일컬어 지는 그것입니다
HTML/CSS 편집 기능을 이용하여 내용 본문과의 거리/ 그리고 간격을 조절하는
방법을 알아 보도록 하겠습니다

 테이블 태그의 크기

앞의 포스팅에서 위 스크린샷과 같이 테이블 태그를 이용하여 광고를 삽입 했던걸 기억 하시나요?
자 테이블 태그를 이용하면 크기 조정은 너무 쉬워 집니다.
그럼 알아 볼까요?

<table width=xxx align=center border=0 cellspacing=0 cellpadding=0>
<tr>
<td>
애드센스 코드 삽입 구간
</tr>
</td>
</table>

위 스크린 샷에서 사용한 테이블 태그의 전문입니다
눈치 채신 분들도 있겠지만 지난 포스팅에서 했던 테이블 태그 옵션을 다시 한번
이용하겠습니다

아래 옵션 설명은 << http://blog.naver.com/dmsal7777 >> 님의 테이블태그1 에서 따왔습니다

border=수
표의 테두리 두께를 조정해 줍니다. <table>에서만 사용합니다.

bordercolorlight=색상코드
밝은 테두리색을 정하는 속성입니다. 밝은 테두리는 테두리의 위쪽과 왼쪽 부분을 말합니다. <table>에서만 사용합니다.
 
bordercolordark=색상코드
어두운 테두리색을 정하는 속성입니다. 어두운 테두리는 테두리의 아래쪽과 오른쪽 부분을 말합니다. <table>에서만 사용합니다.

bgcolor=색상코드
배경색을 정해줍니다.

cellspacing=수
셀과 셀사이의 간격 조정을 하는 속성입니다. 숫자가 작아질수록 간격은 좁아지겠죠? <table>에서만 사용합니다.
cellpadding=수
셀 내부에 간격을 조정하는 속성입니다. <table>에서만 사용합니다.

width=수, height=수
가로와 세로의 크기를 지정하는 속성입니다. 가로는 width, 세로는 height입니다.

colspan=가로셀수, rowspan=세로셀수
셀을 가로, 세로로 합치고 싶을 때 사용하는 속성입니다.

align=위치
테이블의 위치를 지정 합니다.


자 이 테이블 태그 옵션중 위에 적용 시켜서 본문 내용과 거리를 넓히고 좁힐 방법이 무엇이 있을까요?
그것은 바로 "height=수" 옵션으로 상자의 세로 크기를 조정 해주는 옵션을 이용합니다

자신의 광고 크기를 다시 한번 확인 하고
예시에는 세로 크기가 90 이군요
테이블 옵션중 height=90 이라고 하였을 시에 광고 크기에 딱 맞게 칸이 만들어 지겠죠
그럼 당연하다는 듯이 본문은 그 바로 밑에 딱 붙어서 따라 나오게 됩니다
그럼 저 옵션을 조정 해보면 어떨까요?
아래 스크린 샷을 보시면 정확하게 아실수 있을거라 생각 됩니다

위 스크린 샷의 경우 "height=수" 옵션을 지정해 주지 않은 상태입니다
그리고 밑에 스크린 샷의 경우 "height=700" 의 옵션을 지정해 준 상태 입니다
결과값을 아시겠죠?