[블로그] 티스토리 본문 애드센스(광고) 추가 방법

* 티스토리 본문 애드센스(광고) 추가 방법

 

[본문 상단 양쪽 배치 화면]

 

 

* 본문 상/하단 공통 배치 방법

: 다들 HTML/CSS 편집 들어가시는 방법은 아시죠~?!!

 하지만 친절하게도 다시 한번 알려주는 센스~!!

 관리자 모드 > 꾸미기 > HTML/CSS 편집 > skin.html

Ctrl + F 키(검색) > ##_article_rep_desc_## > 위치 확인 후 상하단에 광고 코드 삽입~!!

 

* 본문 상단 오른쪽에 광고 배치 방법

: 본문 상단을 찾아, 아래와 같이 추가해주면.. 끝~!

<DIV style="float:right; margin: 0px 40px 0px 40px">  <!-- 애드센스 광고 코드 복사 -->  </DIV>

 

 

 

* 본문 상단 왼쪽에 광고 배치

: 오른쪽과 마찬가지지만~ float 속성의 값을 right -> left 로 바꿔주면.. 끝~!

<DIV style="float:left; margin: 0px 40px 0px 40px">  <!-- 애드센스 광고 코드 복사 -->  </DIV>

 

 

* 본문 상단 양쪽(오른쪽, 왼쪽)에 광고 배치

: 본문 상단을 찾아, 아래와 같이 추가해주면 끝~! 

<DIV style="float:left; margin: 0px 40px 0px 40px">  <!-- 애드센스 왼쪽 광고 코드 복사 -->  </DIV>  <DIV style="margin: 0px 40px 0px 40px">  <!-- 애드센스 오른쪽 광고 코드 복사 -->  </DIV>

 

 

[참고] 각 태그의 속성 설명  1. <DIV> : 웹페이지의 구역을 나누는 기능(블록화)  2. float : <DIV> 태그 블록을 왼쪽으로 띄우는 기능  3. margin 0px 0px 0px 0px : 상, 우, 하, 좌 위치의 여백을 설정하는 기능     [참고] 구분선 긋는 방법  &nbsp;  <DIV style="BACKGROUND-COLOR: #dddddd; HEIGHT:1px"></DIV>  &nbsp;