블로그 상단의 애드센스 광고, 쉽게 넣어보세요!

2013. 12. 5. 12:50
저자 : Kurien


이런 구글 애드센스, 이젠 익숙하시죠?


블로그를 시작한지 얼마 되지 않으신분들은 구글 애드센스를 어떻게 글 하나하나에 넣어야 하는지 모르실텐데요.

한번만 만지면 모든 글에서 표시되게 할 수 있습니다.

간단한 방법이니 한번 따라해보세요!



먼저 구글 광고 코드 2개를 준비합니다.

준비한 코드를 아래 위치한 "애드센스 코드" 부분에 방금 준비한 코드를 각각 넣어줍니다.


<!-- 구글 애드센스 -->

<div id="adset" style="overflow:hidden;">

<div id="ad_1" style="float:left;">

애드센스 코드

</div>

<div id="ad_2" style="float:right;">

애드센스 코드

</div>

</div>

<!-- 구글 애드센스 -->


넣으셨나요?

넣으신 후 이 부분을 복사 해두세요!



그렇다면 먼저 관리 페이지로 가셔서 HTML/CSS 편집을 누릅니다.

누르셨다면 "article"부분을 검색 한 뒤 <div class="article">과

[##_article_rep_desc_##]의 사이에 코드를 붙여넣어줍니다.



이렇게 넣으셨다면 저장을 눌러주세요!



그럼 이렇게 나오시죠?


혹시 저처럼 애드센스 와 애드센스 사이의 간격이 너무 넓으신 분이 계신가요?

그렇다면, 아래의 코드로 사용 해보세요.


<!-- 구글 애드센스 -->

<div id="adset" style="overflow:hidden;">

<div id="ad_1" style="float:left;padding-left:50px;">

애드센스 코드

</div>

<div id="ad_2" style="float:right;padding-right:50px;">

애드센스 코드

</div>

</div>

<!-- 구글 애드센스 -->


간격 조정은 50px로 되어있는 부분을 늘이거나 줄이시면 됩니다.



저의 경우 양쪽에 100px을 준거구요.

이 부분은 자신의 블로그에 맞춰 사용하시면 됩니다.


간단하게 적어본다고 적어봤는데요.

대부분 이해하셨을거라고 믿고 싶지만 워낙 글을 못쓰기 때문에...

혹시라도 잘 모르겠거나 헷갈리시는 분은 걱정하지마시고, 댓글에 남겨주시면 빠르게 답변 해드리겠습니다!

'Web Programming > HTML' 카테고리의 다른 글

티스토리 카테고리 글 더 보기 위치 변경방법  (0) 2013.12.06