테이블을 이용하여 광고 나란히 배치하기

블로그에 애드센스 광고 두개를 이어서 설치하는 경우 가끔보면 이 광고가 나란히 배열되면 보기 좋을것인데 종종 위아래로 배치되어 글읽기가 곤란할 경우가 있다. 이럴 경우 광고코드를 TABLE 태그를 이용하여 묶어주면 광고가 제자리에서 벗어나지 않으니 이를 활용하면 효과적이다.

아래 그림은 어긋난 광고를 주황박스안으로 배치할 생각을 나타낸것이다.

먼저 스킨파일에 입력되어 있는 광고코드를 복사하여 메모장과 같은 텍스트에디터 프로그램으로 붙여넣기한다.

중앙정렬태그인 <center>~~</center> 태그로 광고코드 전체를 감싸준다

이제 아래와 같이 TABLE 태그를 삽입한다. 사용자의 구미에 따라 TABLE 태그의 속성을 지정해주어도 무방하다.

각각의 광고코드를 table data 태그로 감싸준다

마지막에 TABLE 태그를 닫아준다

완성된 코드를 복사하여 원하는 광고표현위치에 붙여넣기한다.

중앙에 나란히 배치된 걸 볼 수 있다.

광고와 본문간의 거리가 너무 밀착된것 같아서 브레이크 태그인 <br>을 두개 삽입하였다.

완성된 모습이다.

광고코드를 자주변경하는 경우라면 코드를 메모장에 복사하여 저장해두는 것도 좋은 방법이라 할 수 있을 것이다.