구글광고 본문상단에 두개씩 나란히 가운데 정렬하기
반응형
클릭하시면 더 큰 화면으로 볼 수 있습니다.
어제 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>
<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>
가운데 정렬이 싫다는 분은 <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>
관련 글▼
반응형
'⌚️ Productivity' 카테고리의 다른 글
토렌트 검색바에 btjunkie 등 검색 옵션 추가하기 (4) | 2009.03.20 |
---|---|
Internet Explorer 8 정식버전 출시 (4) | 2009.03.20 |
삭제 안 되는파일 강제로 삭제하기 - Unlocker (3) | 2009.03.17 |
파일의 이동,복사를 더욱 빠르게 - TeraCopy (2) | 2009.03.17 |
가볍고 강한 음악 재생기 AIMP 2 (4) | 2009.03.17 |
댓글
이 글 공유하기
다른 글
-
토렌트 검색바에 btjunkie 등 검색 옵션 추가하기
토렌트 검색바에 btjunkie 등 검색 옵션 추가하기
2009.03.20 -
Internet Explorer 8 정식버전 출시
Internet Explorer 8 정식버전 출시
2009.03.20 -
삭제 안 되는파일 강제로 삭제하기 - Unlocker
삭제 안 되는파일 강제로 삭제하기 - Unlocker
2009.03.17 -
파일의 이동,복사를 더욱 빠르게 - TeraCopy
파일의 이동,복사를 더욱 빠르게 - TeraCopy
2009.03.17