[Blog]애드센스와 뷰 애드 한 줄에 놓기

2010. 6. 9. 21:58Info Log/Blog


어느날 다음 뷰 애드(View AD)가 나오면서
고정된 다음 뷰 애드(View AD)  때문에
택스트 게시물이 한쪽으로 치우쳐 나오는 등의 문제점이 발견되고 있다.

개인마다 다르겠지만,
블로그를 수익 목적이 아닌, 개인 자료나 사진 저장을 목적으로 하고 있기에
평소 구글 애드센스(Google Adsense) 같은 블로그 수익 광고에는 관심이 없었지만,
다음 뷰 애드(View AD)의 출현과 그와 함께 나타난 빈 공간의 활용을 위해
구글 애드센스(Google Adsense)가 대안으로 떠오르게 되었다.

하지만,
구글 애드센스(Google Adsense)를 설치하더라도,
크기 변화가 불가하고, 위치 지정도 어려워
게시물이 조금 지저분해 보이는 단점이 있었다.

그리하여,
게시물을 깔끔하게 하기 위해 광고의 정리가 필요하게 되었다.

아래에서는
구글 애드센스(Google Adsense)다음 뷰 애드(View AD)
한줄에 이쁘게 표시하기 위해 개인적으로 설정한 내용을 적어볼까 한다.
태그에 "태"자도 모르는 사람이 적은 글이라 100% 보장은 못하겠지만,
아직 이상이 없으니 그냥 잘 쓰고 있다. ^^*



     1. 스킨 설정 하기

스킨편집의 HTML/CSS 편집으로 들어가서 html 부분에서 [샵샵_article_rep_desc_샵샵] (샵=#)을 찾는다.
[샵샵_article_rep_desc_샵샵] 위쪽에 아래의 내용을 추가 해준다.



※위 스크린샷의 냬용을 TXT 파일로 첨부하니 다운받아서 개인에 맞게 수정후 내용을 추가하여도 된다.
     2. 스킨 세부 설정




1) ① with:640px         본문크기가 900px 이라면 900px-240px=640px 로 설정
    ② height:270px      아랫쪽 본문(혹은 올블릿)과의 간격유지를 위해 270px 로 설정

2) ① margin:18px        View AD 아랫쪽에 맞추기 위해 18px 로 설정 
    ② margin:-9.99px   각 광고간의 간격을 맞추기 위해 -9.99px 로 설정
                                    (-10px 이상 설정시 티에디션이 깨지는 현상; 개인 수정 필요)
    ③ float                     left 설정시 애드센스가  View AD 왼쪽에 위치 
                                    right 설정시 애드센스가  View AD 오른쪽에 위치 



     3. 스킨 설정의 결과

(1) 다음 뷰 애드(View AD) 단독 설정 (게시물 내용이 다음 뷰 애드(View AD) 왼쪽에 나타난다.



(2) 다음 뷰 애드(View AD) 설정 후 구글 애드센스(Google Adsense) 1개를 게시물 작성시 직접 입력
    (구글 애드센스(Google Adsense)가 다음 뷰 애드(View AD) 왼쪽을 어느정도 막아주지만 아직도 어색하다.)



(3) 스킨 수정 후 구글 애드센스(Google Adsense) 텍스트 형식 2개 적용
    (구글 애드센스(Google Adsense)를 다음 뷰 애드(View AD) 하단과 맞추어 게시물이 깔끔해졌다. 올블릿 광고는 개인 설정하면 된다.)



(4) 스킨 수정 후 구글 애드센스(Google Adsense) 텍스트 + 이미지 형식 2개 적용
    (구글 애드센스(Google Adsense) 광고1은 텍스트 단독 광고를 광고2는 텍스트+이미지 광고를 적용하였다. 현재 사용하고 있는 게시물 상단.)

  

'Info Log > Blog' 카테고리의 다른 글

[Blog]태그 목록을 꾸며보자 - Ti-Cumulus  (2) 2010.06.01