티스토리 구글 애드박스 상단에 2개 달기 + 뷰 애드박스 달기

티스토리 구글 애드박스 상단에 2개 달기 + 뷰 애드박스 나란히 달기

애드센스 애드박스 나란히 달기


저같이 욕심이 많은 사람은


트래픽, 로딩지연 등 전부 무시하고 광고를 달고 싶은 사람이 있으 실겁니다.


저같은 경우는 구글 애드박스 2개 달기 글 검색하고

뷰애드박스와 구글 애드박스 달기 글 검색 해서

응용을 해봤습니다.

다음 뷰 애드박스 달기

이건 간단합니다.

플러그인 설정에 들어가서

다음 뷰 가입하고 인증하고 설치만 하면 됩니다.

자동으로 들어가집니다.

검색하면서 배운 것은 다음 뷰는 위치를 옮기면 OFF 되어서

누리꾼들이 아무리 클릭을 해도 수익이 안 올라간다고 합니다.  (검색을 통한 지식입니다.)

구글 애드센스 상단에 2개 달기

티스토리 HTML/CSS 편집에 들어가


skin.html  페이지 중

article_rep_desc 검색합니다.

<div class="article"> </div>  포스팅이 되는 본문 태그입니다.

여기 위에 붙여넣으면 광고가 상단에 표시됩니다.

위에 붙이 태그를 알려드리면

 

<!-- 구글 광고 설정 -->
<div class="google_ad" style="width:700px; height=280px; border=0px; margin: 5px 20px 0px 20px; text-align:center; float:left">

<table border=0 width=700px cellspacing=0 cellpadding=0>
<tr>
<td width=350px>

 구글 광고 코드 넣는 곳

</td>
<td width=260px>

 구글 광고 코드 넣는 곳

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

파란 글씨는 본인 블로그에 맞도록 고치시면 됩니다.


설명 하면

<div class="google_ad" style="width:700px; height=280px; border=0px; margin: 5px 20px 0px 20px; text-align:center; float:left">	구글 애드센스와 다음 애드박스가 나란히 놓이기 위한 태그입니다  파란색 숫자들을 조정해 애드센스와 애드박스가 나란히 있도록 도와줍니다.  정확한 설정은 본인 블로그에 맞도록 미리보기로 봐가면서 설정하시면 됩니다.
<table border=0 width=700px cellspacing=0 cellpadding=0>	테이블 태그 시작 입니다.
<tr> <td width=350px>  구글 광고 코드 넣는 곳 </td>	표의 첫 칸 의 시작을 알리는 태그라고 이해하시면 됩니다. width 광고가 들어갈 칸의 넓이를 설정하는 태크입니다. 구글 광고코드를 애드센스에서 퍼와서 붙여넣기만 하면 됩니다.
<td width=260px>  구글 광고 코드 넣는 곳 </td> <tr> </table> </div>	두번째 광고가 들어갈 태그를 의미합니다. 구글 애드센스에서 또다른 구글 광고 코드를 복사해오면 됩니다. </table> 테이블 태그 종료명령 </div> 종료명령

이것을 붙여넣고 숫자까지 설정까지 마쳤다면


style.CSS 에 들어가서

<!-- 구글 광고 스타일 -->
.google_ad{float:left; margin:5px 5px 5px 5px;}              
.ad250_outter {float:left !important; margin: 0px 0px 50px 0px !important;}              

를 맨 밑에 붙여줍니다.


검색을 통해 배울때 어디다가 붙여야하는지 안나와서 

정확히 어디다 붙여야 하는지 몰라 맨 밑에 붙여 봤더니

적용이 됩니다.

해보기실 바랍니다.


이 것을 하는 이유는

광고를 달고나서 포스팅 쓴 것을 보니

광고와 포스팅 첫 줄일 딱 붙어있어서 보기 너무 안 좋았습니다.

.google_ad{float:left; margin:5px 5px 5px 5px;}	구글 애드센스 스타일을 꾸민다는 태그 같습니다.
.ad250_outter {float:left !important; margin: 0px 0px 50px 0px !important;}	무슨 태그인지 모르겠지만 3번째 파란 숫자를 바꾸니까 광고와 포스팅사이에 공간이 생겼습니다.

완료된 모습

이해 안되는 것 있으면 댓글 달아주세요