고정 헤더 영역
상세 컨텐츠
본문
티스토리 블로그에서 애드센스 광고를 본문 우측 상단에 광고를 표시하고자 할 때는 다음과 같은 방법을 사용하면 된다. 모바일 환경에 적용할 경우라면 본문우측 광고 사이즈는 336x280 사이즈는 사용하지 않는 것이 좋다.
왜냐하면 본문의 최상단에 직사각형 광고를 넣었을 경우, 모바일에서는 스크롤 하지 않아도 되는 영역에 광고만 표시될 수 있기 때문이다. 구글 애드센스 광고 게재 정책에서는 모바일 환경에서 첫 페이지에 본문이 하나도 표시되지 않고 광고만 출력되는 경우를 정책 위반으로 간주될 수 있다.
|
<html>
..........
<div class="googleAd" style="float:right; width:250px; height:250px; border:1px solid; margin-right:15px; margin-bottom:15px;">
<!-- 구글 애드센스 광고 코드 -->
</div>
티스토리 블로그에서 애드센스 광고를 본문 우측 상단에 광고를 표시하고자 할 때는 다음과 같은 방법을 사용하면 된다. 모바일 환경에 적용할 경우라면 본문우측 광고 사이즈는 336x280 사이즈는 사용하지 않는 것이 좋다.
- 관리페이지의 HTML/CSS 편집에서 skin.html 중에 상단에 적용하면 된다.
우측 상단에 한 개의 광고를 삽입하는 방법에서는 float 속성을 사용하였다. 이 방법으로 적용 시 본문의 내용이 광고로 인하여 아래로 내려가지 않으며, 광고 영역만 침범하지 않는 범위 내에서 그대로 출력이 된다. ..........
</html>
|
- 관리페이지의 HTML/CSS 편집에서 skin.html 중에
티스토리 블로그에서 애드센스 광고를 본문 우측 상단에 광고를 표시하고자 할 때는 다음과 같은 방법을 사용하면 된다. 모바일 환경에 적용할 경우라면 본문우측 광고 사이즈는 336x280 사이즈는 사용하지 않는 것이 좋다. - 관리페이지의 HTML/CSS 편집에서 skin.html 중에 상단에 적용하면 된다. 우측 상단에 한 개의 광고를 삽입하는 방법에서는 float 속성을 사용하였다. 이 방법으로 적용 시 본문의 내용이 광고로 인하여 아래로 내려가지 않으며, 광고 영역만 침범하지 않는 범위 내에서 그대로 출력이 된다.
상단에 적용하면 된다.
왜냐하면 본문의 최상단에 직사각형 광고를 넣었을 경우, 모바일에서는 스크롤 하지 않아도 되는 영역에 광고만 표시될 수 있기 때문이다. 구글 애드센스 광고 게재 정책에서는 모바일 환경에서 첫 페이지에 본문이 하나도 표시되지 않고 광고만 출력되는 경우를 정책 위반으로 간주될 수 있다.
<html>
..........
<div class="googleAd" style="float:right; width:250px; height:250px; border:1px solid; margin-right:15px; margin-bottom:15px;">
<!-- 구글 애드센스 광고 코드 -->
</div>
..........
</html>
- 적용 위치는 float: right라는 부분을 float:left로 변경시 왼쪽에 적용된다.
- 336 x 280 광고를 배치하고자 할 때에는 width 속성을 336px로, height 속성을 280px로 변경하면 된다.
- 적용 위치는 float: right라는 부분을 float:left로 변경시 왼쪽에 적용된다.
- 336 x 280 광고를 배치하고자 할 때에는 width 속성을 336px로, height 속성을 280px로 변경하면 된다.
우측 상단에 한 개의 광고를 삽입하는 방법에서는 float 속성을 사용하였다. 이 방법으로 적용 시 본문의 내용이 광고로 인하여 아래로 내려가지 않으며, 광고 영역만 침범하지 않는 범위 내에서 그대로 출력이 된다.
'HTML/CSS' 카테고리의 다른 글
| CSS, 본문 글자크기 고정하기 (0) | 2015.07.08 |
|---|---|
| 구글 애널리틱스, 중복 호스트 이름 해결방법 (0) | 2015.07.06 |
| CSS, 웹폰트 적용하기 (0) | 2015.06.29 |
| 티스토리 블로그, 표 사이즈 최적화 및 스크롤바 적용 방법 (1) | 2015.06.24 |
| 티스토리 블로그, 이미지 잘림현상 해결하기 (2) | 2015.06.24 |
