로맨테크

사용자 삽입 이미지클릭하시면 더 큰 화면으로 볼 수 있습니다.

어제 GoolgeAdsense를 다시 달았습니다. 이전에 있던 계정은 이미 단가가 떨어질 때로 떨어져, 탈퇴 후 재가입하면 기존 단가를 유지할 수 있다하여 낼름 계정취소를 했다죠. 계정취소신청은 도움말 항목만 봐도 자세히 설명돼있으니 참조하세요 =)

사실 저도 HTML코드와 관련해선 자잘한 수정 정도만 할 줄 아는 매우 기초적인 수준이기 때문에, 스킨 꾸미는데도 적지 않은 시간이 소요됐습니다...-_- 이것저것 해보고 혼자 연구해보니 조금씩 늘긴 합니다. 마침 250*250 혹은 300*300 사이즈의 구글 광고 두 개를 본문 상단에 가운데 정렬로 나란히 삽입하려고 <div>구글광고</div> 형식으로 입력했더니 이런... 세로로 정렬돼 나오네요. 하지만 역시 구글신은 절 배신하지 않았습니다. 즐거운하루님 블로그와 그 외 여러가지 참조 사이트를 통해 방법을 알아냈는데요, 의외로 간단합니다. 이미 많은 분이 알고 계시겠지만, 기록차 포스팅 해봅니다. (Update : 2013/12/02)

방법1

<table width="본문 폭" border="0">
<tr>
<td align="center"> 구글 좌측 광고 </td>
<td align="center"> 구글 우측 광고 </td>
</tr>
</table>
위와 같은 형식으로 달아주면 본문 상단 250*250(300*300, 혹은 기타) 광고 두개가 나란히 나오면서 가운데 정렬이되어집니다. 저같은 경우는 본문 폭을 630으로 해주었습니다. 각자 스킨에 맞는 값을 주시면 됩니다.

가운데 정렬이 싫다는 분은 <td align="left"> 구글 좌측 광고, <td align="right"> 구글 우측 광고 부분에서 좌측,우측광고의 값을 각각 left, right 로 주면, 좌측광고는 좌측정렬, 우측 광고는 우측 정렬이 되어집니다.

또한 구글광고하단 부분과 본문사이간격을 주고싶다..하시면 </table>밑에 <div><br></div> 값을 주시면됩니다. 두칸을 띄우고싶으시면 <br>값을 하나 더 추가하시면됩니다. <div><br><br></div>

방법2
<div style="overflow:hidden; width:본문폭; margin:10px 10px 20px 10px">
    <div style="float:left">
        광고 코드 A
    </div>
    <div style="float:right">
        광고 코드 B
    </div>
</div>

관련 글▼


DISQUS 로드 중…
  • 감사해욤 2009.04.30 14:49

    항상 에드센스가 세로로 배치되서 고생했는데

    이제 잘 배치된거 같네요.

    1. BlogIcon ColorFilter 2009.04.30 17:39

      저도 한때 이것땜에 많이 애먹었었죠..ㅜㅜ
      도움이 되었다니 다행이네요
      자주놀러오셔요

댓글 로드 중…

블로그 정보

로맨테크 - ColorFilter

기술과의 로맨틱한 만남, 로맨테크! 일상속 IT 정보와 이를 활용한 유용한 팁을 다루는 블로그입니다. 모바일/인터넷/컴퓨팅/소셜/쉐어링 그리고 中國관련 내용까지, 놓칠 수 없는 알찬 정보들을 알기 쉽게 소개해 드립니다.

최근에 게시된 글