티스토리 티에디션에 광고(애드센스,리더스타임 등) 넣기

티에디션에 광고를?

→ 블로그의 첫 화면을 티에디션으로 꾸몄습니다. 깔끔하고 보기 좋지만 광고를 넣어서 수익을 늘릴 수 있지 않을까? 생각을 하다가 티에디션에 리더스타임 광고를 넣어보기로 합니다. 글을 클릭하게 되면 애드센스가 보이고, 티에디션에는 리더스타임 광고를 넣어보기로 합니다. 

* 애드센스의 경우 정책에 위반된다고 합니다. 컨텐츠와 착각하게 한다는 이유입니다. 리더스타임이나 타 광고시 사용하시기 바랍니다.

티에디션에 광고넣는 방법 (애드센스, 리더스타임 등) 

→ 현재 티에디션 상단에 리더스 타임 광고가 2개 적용된 모습입니다. 제 본문의 크기가 600정도라서 300*250 광고 코드 2개를 사용했습니다. 

→ 일단 티에디션을 시작합니다.

→ 상단에 + 를 눌러서 적당한 티에디션 광고 코드 자리를 마련합니다.

→ 아무 아이템이나 선택해도 상관없습니다. 어자피 기본적으로 들어있는 코드는 모두 삭제를 할 것이니까요.

→ 디자인 - HTML로 들어갑니다.

→ 티에디션 HTML 소스가 보이시나요? 모두 삭제를 합니다.

→ 모두 삭제한 모습입니다. 

→ 저는 300*250 광고 2개를 배치할 예정이기 때문에 다음과 같은 코드를 사용했습니다.

* 2개의 광고를 사용 할 경우

<table cellpadding="0" cellspacing="0" table width="100%">

  <tr>

  <td width="50%">

광고코드 넣는 곳1

</td>

  <td width="50%">

광고코드 넣는 곳2

</td>

  </tr>

  </table>

티에디션광고넣기.txt

* 1개의 광고만 사용

<center>

광고코드 넣는 곳

</center>

또는

<div style="text-align:center">

광고코드 넣는 곳

</div>

* 2개의 광고를 사용

<table cellpadding="0" cellspacing="0" table width="100%">

  <tr>

  <td width="50%">

광고코드 넣는 곳1

</td>

  <td width="50%">

광고코드 넣는 곳2

</td>

  </tr>

  </table>

또는

<div style="float:left">

광고코드 넣는 곳1

</div>                    

  <div style="float:right">

광고코드 넣는 곳2

</div>

→ 위 코드를 삽입하고 "광고코드 넣는 곳"에 자신의 광고를 넣어줍니다.

→ 그리고 나서 적용을 눌러봅니다. 아무것도 표시가 되지 않습니다. 오류가 난 것이 아니기 때문에 걱정하시지 않아도 됩니다. 적용을 하고 적용된 블로그를 보면 아래와 같이 티에디션 상단에 광고 2개가 생성된 것을 볼 수 있습니다.

깔끔하게 티에디션을 통해 광고코드를 넣는 방법을 알아보았습니다.