구글 애드센스 광고넣을때 테두리 있는 박스 만들기

블로그 디자인에 따라 광고를 그냥 설치해도 어울리는 블로그가 있고 또 애드센스 코드 만들때 주변 테두리를 줄수있지만 전체 적인 레이아웃에 맞게 테두리 있는 박스가 필요할때가 있습니다.

 

본문 광고 3개를 본문 상단에 1개, 중간에 1개 하단에 1개를 넣는 블로그 많습니다. 블로그마다 특성이 있어서 광고 넣은 위치가 다양한데 본문과 광고가 잘 어울리면 좋겠지만 336 x 286 광고 하나 덩그러니 있다고 생각해 보세요. 좀 허전해 보일수 있습니다. 그때 테두리있는 박스로 감싸주면 좀더 나아 보일듯 합니다.

 

그리고 모바일에서 보이는 부분을 염두하고 위 방식으로 광고를 넣는 분들도 많습니다.

 

애드센스 코드 삽입   이글에 둘러보이는 박스는 실제 적용된 박스 입니다.색상,두께 조정 가능합니다.   기본 정렬은 중앙 입니다.

 

위 글을 보시면 아시겠지요. 가운데 정렬로 덩그러니 글만 있는것 보다 박스로 감싸주니 ..

<TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=1 cellPadding=1 width=100% bgColor=#ffffff>
<TBODY>
<TR>
<TD style="BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid" width="100%">
<center>
애드센스 코드 삽입
</center>
</TD></TR></TBODY></TABLE>

 

위 코드를 사용하시면 됩니다.

 

소스코드 다운로드 : 테두리_있는_박스.txt

 

 

본문에 광고넣는 위치 보기 http://anikorea.tistory.com/226

 

2014 / 8 /5일 추가

 

이 글을 작성할때 애드센스를 달은지 얼마안되서 정책이해가 없을때 글 작성을 했습니다.

 

애드센스 정책상 광고에 테두리나 박스를 포함해서 애드센스 광고를 강조하는 부분이 정책위반입니다.

그러니 이 글은 참고만 하세요.^^