구글애드센스광고 세로로 두개되는 문제해결
구글애드센스 상단 광고를 두개 넣었을 경우 종종 내려앉아 세로로 두개가 배열되는 이상현상이 나타나는 경우가 종종 있습니다.
처음에 이 문제를 해결해 보려고 끙끙거렸는데 실패했습니다. 그러다 인디아나밥스닷컴에 올라온 오류 해결 글을 보고 혼자 끙끙거리다가 해결했습니다. 원문을 보시려면 여기를 클릭: http://www.indianabobs.com/95
인디아나밥스닷컴에는 빠진 몇가지를 추가해서 제가 다시 수정해보았습니다.
우선 구글 계정과 광고 코드가 있어야겠죠.
[재테크/ 구글애드센스] - 구글애드센스 포스팅 상단에 광고 넣기 (광고2개) - 초보자를 위해
구글광고 코드를 만들었다면... 이제 본격적인 html 수정에 들어갑니다.
관리자 - html수정에 들어가셔서...
첫번째 구글광고 코드 바로 위에 에 아래 코드를 입력해 주세요
(코드 소스는 포스팅 하단에 첨부했습니다)
<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 valign="top" align="right" style="padding-top:2px; padding-left:0px;">
코드를 넣어줍니다. 여기서는 align="right"가 가장 중요합니다.
두번째 광고 코드 삽입 ****
두번째 광고코드 아래에..... 아래의 코드를 넣어주면 끝~
</table>
마지막 <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으로 설정해 주셔야 광고와 광고 사이에 포스팅 글이 말려 올라가지 않습니다. ^^
* 마우스 오른쪽이 금지되어 코드는 첨부했습니다. 다운 받으셔서 html 수치 수정하셔서 삽입하세요 ^^
작은 도움이 되셨길 바랍니다.. 이제 구글 상단 광고가 내려앉아 보기 흉해지는 일이 없도록~ 하세요
