[티스토리] 본문 상단에 구글 애드센스+다음애드박스 삽입방법

ㅋㅋ 드디어 충돌을 해결했습니다. 이 포스트는 애드센스가 왼쪽으로, 애드박스가

오른쪽 배열일때 애드박스가 한줄 아래서 출현하는 것을 해결하는 방법임을 미리

말씀드립니다. 뭐 새로 다시는 분들도 포함되는 내용이기는 합니다

일단 애드센스 두개 다신분들은 코드를 전부 삭제하신 뒤에(처음이신 분들은 삭제 않하셔도
 
되겠죠? ^^)

일단 "티스토리관리자모드->스킨->html/css" 로 들어가셔서 html 코드창에서 익스플로러 찾기(CTRL+F)로 "article_rep_desc"를 찾아서 그 문구 바로 위에 아래 사진과 같은 코드를 넣습니다

<div class="google_ad" style="width:300px;height=250px;boder=0px;float:left">
구글광고는 여기에 삽입하시면 돼요~
</div>

저도 왕초보라 자세한 것은 모르지만 대충 애드센스와 애드박스의 충돌이 일어나는 것을
 
위 두줄이 막아주는 것이라더군요

그리고 이제 자신의 블로그 본문 크기에 맞춰서 광고 사이에 글이 안들어오게 하기 위해

CSS 코드창에

.google_ad {
float.left;
margin:10px 85px 23px 50px
}

이 문구를 삽입합니다 여기서는 중괄호{}가 끝나는 "}" 다음이면 어느 줄에 넣으셔도 상관이

없으세요 저는 난중에 찾기 쉽게 제일 밑에다가 삽입했습니다 ^^

이제 페이지를 보시면 충돌은 안 일어났으나 크기 때문에 광고 사이에 글이 들어가있던지

하실 겁니다 CSS에 넣는 코드를 보시면 "margin:10px 85px 23px 50px" 이 줄이 보이시죠?

이게 구글광고의 여백을 조절해주는 줄이죠 순서대로

10px : 상단여백
85px : 우측여백
23px : 하단여백
50px : 좌측여백

입니다

만약에 다음 애드박스가 밑에 줄에 출현했다면 좌측과 우측을 줄이시면 되고

애드센스와 애드박스사이에 본문글이 나오시는 분들은 좌측과 우측의 여백을 늘리시면 됩니다 ^^

그리고 균형의 미를 중요시 하신다면 상단과 하단여백도 조율하셔서 중간에 위치하게

하시는것도 좋겠죠 ^^