흔히 포털사이트의 기사를 보다보면 광고창이 기사 내용 중간에 있거나, 기사 내용 옆에 위치해있는것을 보게 됩니다.

왠지 기사내용과 어우려져보이는 모습이죠.

아무래도 이런 모습이 포털 사이트 광고를 통해서 익숙해져있기 때문에 왠지 좋아보이기도 합니다. ㅎㅎ


그래서 이번에는 그런 형태로 광고창을 배치해 보도록 하겠습니다.

광고 코드를 생성하는법은 이 블로그의 다른 포스트를 참고하시기 바랍니다.

http://interest.tistory.com/58


광고창의 위치에서 기본이 되는것은 블로그의 글입니다.

블로그의 글내용보다 위에 광고창이 나오면 상단, 아랫쪽에 광고창이 나오면 하단이 되고 글 내용이 나오는곳에 입력하면 글 내용과 어우러져서 나오게 됩니다.


그러면 블로그 글이 나오는 위치를 찾아야겠죠??


ctrl + f(찾기)로 article_rep_desc 를 찾으면 됩니다. 그러면 "" 이런 글이 써있는 부분이 보이는데 이 자리가 블로그 글이 나오는 위치입니다.

앞뒤의 내용을 같이 보면 이런 형태로 써있습니다.

<!-- 포스트 본문 내용 -->

<div class="article">

</div>


이부분을 찾아서 

<!-- 포스트 본문 내용 -->

<div class="article">

<div style="float:left; margin:0px 0px 0px 0px">

## 이줄에 광고 코드 입력하세요 ##
</div>

</div>



이 코드는 상단 왼쪽에 본문과 어우려지게 하는 코드이고 만약에 오른쪽에 나오게 하고싶으면 

<div style="float:left" 부분에서 left 대신에 right 라고 쓰시면 됩니다.

그리고 margin:0px 0px 0px 0px 부분에서 0 대신에 적당히 숫자를 바꿔가면서 가장 맘에드는 모양을 만드시면 됩니다.



애드센스 광고 등록하시는데..... 도움이 되셨나요??? ^^










Posted by 인터레스트
,