애드센스 가로로 2개달기

애드센스 가로로 2개달기

본문에 애드센스 광고를 가로로 2개 배치하는 방법에 대해 묻는 분들이 많이 있네요!
그래서 이렇게 간략하게 방법을 올립니다.

애드센스를 가로로 2개 배치하기 위해서는 먼저 자기 블로그의 본문폭을 알아야 합니다.
[블로그 시작 & 환경설정] - 티스토리 블로그본문 폭 확인하기

본문폭에 맞추어 구글 애드센스 광고를 만듧니다. 본문폭이 610 전후라면 300x250 크기의 광고코드를 만들고 510 전후라면 250x250크기로 만들어서 삽입을 합니다.

 

방법 1.

애드센스 광고단위를 가로로 2개 배치하는 방법중 가장 간단한 방법은
광고코드를 두번 붙여넣으면 됩니다.

  Adsense 광고코드

  Adsense 광고코드

그런데 위와 같은 방법은 블로그 로딩속도가 느리거나 구글서버가 느린경우 가로로 나오지 않고
세로로 길쭉하게 나오는 경우가 있습니다. 그래서 비추입니다.
<div> 태그를 이용하는 방법도 마찬가지네요!

방법 2.

또다른 방법인 <table> 태그를 이용하는 방법은 속도면에서는 약간 떨어지지만 그 모양이 깨지지 않고
아주 보기 좋게 표시가 됩니다. 이 방법을 이용하기 위해서는 <table>태그의 사용법을 알아야 합니다.
하지만 몰라도 상관없습니다. 아래 예시처럼 작성하면 되니까요!

<table border=0 width=100% cellspacing=0 cellpadding=0>
<tr>
<td width=50%>

           애드센스 코드

</td>
<td width=50%>

           애드센스 코드

</td>
<tr>
</table>

이렇게 하면 저기 위에 있는 광고처럼 한줄에 가로로 2개가 보기 좋게 배치가 됩니다.

가로로 두개 배치하는 경우가 아니라면 <table> 태그를 사용하는 것은 비추입니다. ^^