상세 컨텐츠

본문 제목

구글애드센스광고 세로로 두개되는 문제해결

제품 & 사이트리뷰

by 아디오스(adios) 2009. 2. 17. 11:46

본문

728x90
반응형


구글애드센스 상단 광고를 두개 넣었을 경우 종종 내려앉아 세로로 두개가 배열되는 이상현상이 나타나는 경우가 종종 있습니다.

처음에 이 문제를 해결해 보려고 끙끙거렸는데 실패했습니다. 그러다 인디아나밥스닷컴에 올라온 오류 해결 글을 보고 혼자 끙끙거리다가 해결했습니다. 원문을 보시려면 여기를 클릭: http://www.indianabobs.com/95

인디아나밥스닷컴에는 빠진 몇가지를 추가해서 제가 다시 수정해보았습니다.

  우선 구글 계정과 광고 코드가 있어야겠죠.

[재테크/ 구글애드센스] - 구글애드센스 포스팅 상단에 광고 넣기 (광고2개) - 초보자를 위해

구글광고 코드를 만들었다면... 이제 본격적인 html 수정에 들어갑니다.
관리자 - html수정에 들어가셔서...

  첫번째 구글광고 코드 바로 위에 에 아래 코드를 입력해 주세요
(코드 소스는 포스팅 하단에 첨부했습니다)

<table width="640" height="260"  align="top" border="0" cellpadding="0" cellspacing="0" style="background-image:url();background-repeat:no-repeat;">
<tr>
<td valign="top" align="left" style="padding-top:2px; padding-left:0px;">

* table width 는 자신의 글 영역 크기에 맞춰 적어주시면 됩니다. 영역 크기를 모르시면 '관리자'-'스킨'-'스킨위자드'에 보시면 글영역 크기 조정하는 부분이 있습니다. 거기에 나온 수치를 입력하시면 됩니다. 이렇게 정하는 이유는 좁게 할 경우 포스팅 영역의 글이 페이지 우측이나 좌측등에 말려 올라갈 위험이 있습니다.
* align 은 top으로 해뒀습니다. left나 right로 해두니.. 글 영역이 급격한 쏠림 현상이 가끔 발생해서 top으로 해 두니 제일 무난하게 어울려지네요.

*첫번째 구글 광고는 
<td valign="top" align="left" style="padding-top:2px; padding-left:0px;">
반드시 left로 정해주셔야 합니다.  그래야 왼쪽에 고정이 되죠. 저는 윗공간  2px만큼 비우게 했습니다. padding은 여유공간을 주는거니 수치도 마음대로 조정해 보세요.

윗 코드를 넣고...

  첫번째 구글광고 삽입



  첫번째 광고 코드 아래에


</td>
<td valign="top" align="right" style="padding-top:2px; padding-left:0px;">

코드를 넣어줍니다. 여기서는 align="right"가 가장 중요합니다.

  두번째 광고 코드 삽입 ****



  두번째 광고코드 아래에..... 아래의 코드를 넣어주면 끝~

</td></tr>
</table>
<br/>

마지막 <br/> 테그는 하나만 해 주셔도 되고 안해도 되고... 여러개 넣어주셔도 됩니다. 저같은 경우는 광고 아래 약간의 공간을 만들고 포스팅이 되도록 하려고 하나 넣었습니다.
미리보기를 통해 어떤게 제일 보기 좋은지 정하세요...

 자.. 그러면 완성된 모습입니다 ^^


위에 보신것처럼... 첫 구글광고는 왼쪽으로, 두번째 구글광고는 오른쪽으로 보냈더니... 두 광고 사이의 여백이 나와 광고가 보기좋게 배열되었습니다.

* 책과함께하는여행  포스팅 영역 640px 광고크기 300*250px 


  200*200, 250*250 사이즈 광고는?? 

사이즈가 작을 경우에는 <td valign="top" align="left" style="padding-top:2px; padding-left:0px;">
코드에서... 

  padding-left:0px  에서 숫자를 바꿔주세요... 외쪽에서 XX 만큼 여백을 준다는 의미니까요.
두번째 광고는
  padding-right:0px  로 바꿔주시면 되겠네요. 그러면 두 광고가 가운데 쯔음 해서 만나 이쁘게 될거 같습니다.

단, 광고 크기가 작다해도.. 최 상단에 들어가는 width는 포스팅 영역 크기로 주시고 top으로 설정해 주셔야 광고와 광고 사이에 포스팅 글이 말려 올라가지 않습니다. ^^

코드.txt


* 마우스 오른쪽이 금지되어 코드는 첨부했습니다. 다운 받으셔서 html 수치 수정하셔서 삽입하세요 ^^


작은 도움이 되셨길 바랍니다.. 이제 구글 상단 광고가 내려앉아 보기 흉해지는 일이 없도록~ 하세요




반응형

관련글 더보기

댓글 영역