구글 애드센스와 다음뷰를 보기 좋게 만들기

구글 애드센스와 다음뷰를 

보기 좋게 만들기

티스토리 블로그의 큰 장점은 구글 애드센스와 다음뷰 같은 광고들을 달 수 있고, 이것들을 이용해 자잘한 수입을 만들 수 있다는 것이지요. 구글 애드센스 같은 경우에는 사이드바에 설치 하는 것 보다는 본문 상단에 넣는 것이 광고 효과도 크고, 수익도 커지는데요. 이럴 경우에 다음뷰와 섞여서 블로그의 글이 엉망이 되는 것을 보실 수 있습니다.  어떻게 해결해야 할까요?

 일단 블로그의 관리창에서 HTML/CSS 편집 창에 들어가 주세요. 그리고 skin.html에서 ctrl+f로 article_rep_desc를 찾아 주세요. 이 아래로 본문이 작성되는 코드입니다. 이 위에 다음 소스를 입력 해 주시면 됩니다.

<div class="google_ad">

구글 광고 코드

</div>

1.skin.html에 삽입.txt

 이 소스는 단순히 본문 위에 구글 애드센스를 삽입해 주는 역할을 합니다. 이 다음에는 구글 애드센스의 영역을 제한 해 주어야 합니다. 사실 애드센스는 옆으로 쭉 모든 공간을 가지고 있거든요. style.css에 다음 코드를 입력해 주세요. 위치는 상관 없으나, 맨 위에 써주시는게 나중에 수정할 때 좋겠죠?

.google_ad{

float:left;

margin:20px 0px 10px 10px;

}

2.style.css에 삽입.txt

 영역을 제한해 주는 소스입니다. margin: 위 오른쪽 왼쪽 아래영역 이렇게 정의를 해 주는 것이지요. 따라서 블로그의 본문에 넓이에 따라 설정해 줘야 하는 값이 달라집니다. 제 경우에는 블로그 본문이 630픽셀로 설정되어 있어서 오른쪽의 설정 값을 65로 했더니 보기 좋더군요, 만약 간격을 너무 적게 주시면, 가운데에 공백이 생기는 것이기 때문에 글이 올라와서 써질 수 있습니다.

 * 이 포스트는 blogkorea [블코채널 : 시간의 잡동사니의 블로그/IT 이야기] 에 링크 되어있습니다.