구글애드센스 상단 광고를 두개 넣었을 경우 종종 내려앉아 세로로 두개가 배열되는 이상현상이 나타나는 경우가 종종 있습니다.
처음에 이 문제를 해결해 보려고 끙끙거렸는데 실패했습니다. 그러다 인디아나밥스닷컴에 올라온 오류 해결 글을 보고 혼자 끙끙거리다가 해결했습니다. 원문을 보시려면 여기를 클릭: http://www.indianabobs.com/95
인디아나밥스닷컴에는 빠진 몇가지를 추가해서 제가 다시 수정해보았습니다.
우선 구글 계정과 광고 코드가 있어야겠죠.
[재테크/ 구글애드센스] - 구글애드센스 포스팅 상단에 광고 넣기 (광고2개) - 초보자를 위해
구글광고 코드를 만들었다면... 이제 본격적인 html 수정에 들어갑니다.
관리자 - html수정에 들어가셔서...
첫번째 구글광고 코드 바로 위에 에 아래 코드를 입력해 주세요
(코드 소스는 포스팅 하단에 첨부했습니다)
* table width 는 자신의 글 영역 크기에 맞춰 적어주시면 됩니다. 영역 크기를 모르시면 '관리자'-'스킨'-'스킨위자드'에 보시면 글영역 크기 조정하는 부분이 있습니다. 거기에 나온 수치를 입력하시면 됩니다. 이렇게 정하는 이유는 좁게 할 경우 포스팅 영역의 글이 페이지 우측이나 좌측등에 말려 올라갈 위험이 있습니다.
* align 은 top으로 해뒀습니다. left나 right로 해두니.. 글 영역이 급격한 쏠림 현상이 가끔 발생해서 top으로 해 두니 제일 무난하게 어울려지네요.
*첫번째 구글 광고는
<td valign="top" align="left" style="padding-top:2px; padding-left:0px;">
반드시 left로 정해주셔야 합니다. 그래야 왼쪽에 고정이 되죠. 저는 윗공간 2px만큼 비우게 했습니다. padding은 여유공간을 주는거니 수치도 마음대로 조정해 보세요.
윗 코드를 넣고...
첫번째 구글광고 삽입
첫번째 광고 코드 아래에
코드를 넣어줍니다. 여기서는 align="right"가 가장 중요합니다.
두번째 광고 코드 삽입 ****
두번째 광고코드 아래에..... 아래의 코드를 넣어주면 끝~
마지막 <br/> 테그는 하나만 해 주셔도 되고 안해도 되고... 여러개 넣어주셔도 됩니다. 저같은 경우는 광고 아래 약간의 공간을 만들고 포스팅이 되도록 하려고 하나 넣었습니다.
미리보기를 통해 어떤게 제일 보기 좋은지 정하세요...
자.. 그러면 완성된 모습입니다 ^^
padding-left:0px 에서 숫자를 바꿔주세요... 외쪽에서 XX 만큼 여백을 준다는 의미니까요.
두번째 광고는
padding-right:0px 로 바꿔주시면 되겠네요. 그러면 두 광고가 가운데 쯔음 해서 만나 이쁘게 될거 같습니다.
단, 광고 크기가 작다해도.. 최 상단에 들어가는 width는 포스팅 영역 크기로 주시고 top으로 설정해 주셔야 광고와 광고 사이에 포스팅 글이 말려 올라가지 않습니다. ^^
올블로그 후보에 올랐네요~ (14) | 2009.02.17 |
---|---|
노트북 전용 모니터 싱크마스터 랩핏~ (0) | 2009.02.17 |
5분 투자로 네이버 스팸 메일 방지하기 (32) | 2009.02.15 |
이벤트참여로 통화요금8천원 할인받기~ (0) | 2009.02.15 |
어이없는 블로그 유입경로 중에서.... (36) | 2009.02.10 |
댓글 영역