티스토리 상단에 구글애드센스 상단 광고 2개 배치하기

티스토리 블로그 상단

구글 애드센스 광고 2개 배치 방법

티스토리에서도 자동으로 구글애드센스 광고를 배치할 수 있게 되었죠.

하지만 광고크기나 배치위치 등은 제한적이더라구요.

PC버전에서는 상단3, 하단2가지 형태로 광고를 넣을 수 있죠.

모바일 버전에서도 3가지 정도의 형태가 있습니다.

근데 티스토리 블로그 상단에 구글애드센스 광고 2개 붙히는 형태가 많이 사용하는데

이건 별도로 편집을 해줘야 합니다.

1. 구글 애드센스에서 광고크기 설정

300X250 중형 직사각형 사이즈로 선택해줍니다.

광고 유형이나 기타 다른 사항들은 굳이 건드리지 않아도 됩니다.

상단 좌측, 우측. 총 2개가 필요하니 광고 2개를 생성합니다.

2. 티스토리 블로그 관리화면 - HTML/CSS 편집 클릭

Ctrl + F 활용해서  article_rep_desc 를 검색해줍니다.

그리고 article_rep_desc 상단에 광고코드 2개를 넣어주면 됩니다.

3. 광고코드 넣는 방법

<!-- 상단 구글 광고 start -->

<div align="center" style="float:left;width:640px;height:258px;margin-top:15px;margin-bottom:15px;">

좌측 광고 코드

우측 광고 코드

</div>

<!-- 상단 구글 광고 end -->

광고코드 부분에 애드센스에서 복사하신 광고코드를 붙여넣기 하시면 됩니다.

만약에 안되시면 밑에 방법으로 해보세요

<div style="overflow:hidden; width:620px; margin:10px 10px 20px 10px">

 

    <div style="float:left">

        광고 좌측 코드

    </div>

    <div style="float:right">

        광고 우측 코드

    </div>

</div>

제 블로그의 경우 두 가지 방법 모두 사용가능해서

두가지로 올려드립니다