본문 바로가기

여러가지

구글 에드센스 광고 위치 조정

우선 지금 내 블로그처럼 광고를 오른쪽으로 밀고 싶다면...
<div style="width: 300px;float: right;border:1px soild;
 background: #FFFFFF;margin-bottom: 10px;">

<script type="text/javascript"><!--
google_ad_client = "pub-0487221198121306";
/* 300x250, 작성됨 08. 11. 8 */
google_ad_slot = "";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="
http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

</div>

진한 빨간 글씨 부분 사이에 광고를 넣으면 된다.(지금 흐린 회색 글씨는 내 광고임..^^;;)
태그의 의미는 300픽셀의 칸을 하나 만들어서 오른쪽으로 정렬하고 선 굵기는 1픽셀 아래쪽 여백은 10픽셀 이정도...
필요하다면 조금씩 고쳐보면 된다.






위 광고처럼 광고 2개를 넣고 싶은 사람도 있을것이다.
하나는 이미지광고, 하나는 텍스트 광고.
좀 블로그가 광고에 집착하는 것처럼 보이긴 하지만
이미지가 하나 있으니 뭔가 더 있어보이는거 같기도 하고.

두개를 붙여넣으려면 테이블 태그를 사용하면 된다.

<table border="0">
<tr>
  <td>
<script type="text/javascript"><!--
google_ad_client = "pub-0487221198121306";
/* 300x250, 작성됨 08. 11. 8 */
google_ad_slot = "";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="
http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td>
  <td>
<script type="text/javascript"><!--
google_ad_client = "pub-0487221198121306";
/* 300x250, 작성됨 08. 11. 8 */
google_ad_slot = "";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="
http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td>
</tr>
<tr>
  <td> <br>   </td>
  <td>  <br> </td>
</tr>
</table>

진한 빨간색 글씨 부분은 테이블을 만들기 위한 태그이고 그 사이에 회색 글씨들이 구글 에드센스 광고 코드가 된다.
이런걸 응용하면 뭔가 특이한 모양으로 광고를 배치할수도 있을거 같다.

아래쪽에
<td> <br> </td>
<td> <br> </td>

이 부분은 광고와 원래 글 사이를 약간 띄어주기 위하여 표를 한줄 더 삽입한 것이다.