블로그 상단의 애드센스 광고, 쉽게 넣어보세요!
이런 구글 애드센스, 이젠 익숙하시죠?
블로그를 시작한지 얼마 되지 않으신분들은 구글 애드센스를 어떻게 글 하나하나에 넣어야 하는지 모르실텐데요.
한번만 만지면 모든 글에서 표시되게 할 수 있습니다.
간단한 방법이니 한번 따라해보세요!
먼저 구글 광고 코드 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 |
---|