홈페이지 제작/드림위버&블로그&컴퓨터

기다리던 view AD 적용, 이고 뭐고 급한 불부터 끄자 - 본문 안에 광고(애드센스) view AD 합치기 -

JINSTALE 2010. 6. 9. 17:13
 


view AD 에 대해 쓰기전에 급한불부터 꺼야 할거같습니다... 일단 스샷을 볼까요,,,



 
뭐이런... view AD 적용하고 나니 ..떡하니 본문 상단을 잘라먹고있네요...
저렇게 큰이미지는 괜찬아 보일지 모르지만... 글이 나열돼어 있다면 아주 뒤죽박죽.. 게시물이 날리가 나는군요 ㅡㅡ;;;;
view AD 실행돼고 나서의 랭킹 하락이나 그런건 급하지가 않습니다.. 당장 눈에보이는 급한불을 먼저 꺼야 겠어요..



방법 이 뭐가 있을까요???


1. 애드센스나 다른 광고로 빈칸을 대체한다

2. 원하는 빈칸 을 이미지로 대체한다.

3. 게시물 일일이 들어가서 수정해준다..(ㅎㅎ;;;)

 어떤 방법이 좋을지는 직접 선택 하셔서 하시면 될거같구요..저는 일단 1번으로 해결 했습니다..
(1번이나 2번이나 방법은 동일합니다 3번을 원하시는분은 .. 직접 게시물 들어가셔서..엔터키로 일일이 공간 확보하시면 될듯ㅎㅎ;;)

우선 애드센스 광고 넣어 보신 분이시라면 대충 다 아실태지만... 모르시는 분들도 많으실거같아 순서대로 설명해 드릴게요~

1. 애드센스 광고 를 하시는 분이시라면 우선 새로 빈공간 크기에 맞게 광고 코드 를 생성하셔야합니다
( 애드 센스가 아니더라도 올블릿이나 기타 광고 도 괜찬습니다 아님 특정 이미지라도 구해오시면 됩니다)


2. 스킨수정 html/css 에들가셔서 <div class="article"> -##_article_rep_desc_##- </div> 찾습니다
(아마 여기까지는 기존 애드센스 광고 하시는 분이시라면 다아실태지만...
빈공간에 즉 본문에 광고가 삽입이 안돼는 것 때문에 문제가 있으실겁니다)

3. <div class="article"> -##_article_rep_desc_##- </div> 코드 위에다가 테이블을 지정 본문 안으로 광고를 추가 시켜야 합니다

 <table width="250" height="250" align="right" border="0" cellpadding="0" style='background-image;url();background-repeat;no-repeat;'>
<tr>
<td valign="top" style='padding-top:0px; padding-left:5px;'>

(구글 광고및 ,기타 광고 코드 추가)

</td>
</tr>
</table>


위에 코드를 그대로 복사하셔서 <div class="article"> -##_article_rep_desc_##- </div>위에 추가 시키셔야합니다
테이블로 짜서 하지않으면 본문 밖 상단이나 하단으로 광고가 밀려나기에 꼭위 소스대로 추가 하셔야합니다


코드 보시면 색이 다른부분이 있는데 저부분만 블로그에 맞게 수정 하시면됩니다 ..

width="
250"  (본문에 들어갈 테이블 가로 크기입니다..view AD 박스 옆 빈공간에 마추어서 크기를 지정해 주시면됩니다 
                   예를들어 본문 가로 크기가 800이라면 view AD 박스 크기 300정도로 잡고 width="500" 정도 지정해주면 돼겠네요)
height="250" (광고 할 코드의 크기에 마추어 어서 정해주세요)

align="right
"  (박스 들어갈 광고를 왼쪽 오른쪽 정렬 하는 코드입니다  왼쪽>>left ,  오른쪽>>right  )

padding-top:0px  (박스 안에 들어갈 광고와 박스 상단 부분과의 공간 크기입니다 광고가 본문 위족으로 밀려있다면 수치를 올려주시면 됩니다)
padding-left:5px  (박스 안에 들어갈 광고와 박스 왼쪽 부분과의 공간 크기입니다)



광고가 싫으시고 이미지를 넣으셔야 할분이시라면 (구글 광고및 ,기타 광고 코드 추가) 이부분에 업로드된 이미지를 불러오시면됩니다
<img src="이미지 주소" width=300, height=400 >  이미지 블러오는 코드입니다




위에처럼 전부 수정 하셨다면 아래 스샷 처럼 적용이 가능합니다




저처럼 오류아닌 오류가 있으신분은 우선 이부분 부터 수정하셔야 할거같아요~