제 블로그를 보시면 포스트 내용 중간 오른쪽에 박스형태의 광고가 삽입 되어 있습니다. 이 구글 애드센스 삽입은 takeone Google Adsense Plugin 0.20 (http://retro.tattertools.com/ko/bbs/view.php?id=plugin&no=575) 라는 플러그인으로 만든것인데 티스토리에서도 이와 같은 박스 형태의 광고 노출이 가능합니다. 다만 약간의 소스 수정이 필요하죠.
먼저 광고 제공 사이트(구글 애드센스, 다음 애드클릭스, 올블릿 등)에 들어가 광고 설정으로 들어 가신 후 박스 형태의 광고 소스를 받습니다. 다음 애드 클릭스는 특별히 박스 형태의 광고가 없습니다. 세로 3~4개짜리 광고를 선택 하시면 됩니다. 일단은 이 소스를 메모장에 붙여 놓습니다.
이제 티스토리 접속 후 관리모드로 들어가 스킨 - HTML/CSS편집으로 들어 갑니다.
이제 skin.html에서 <div class="article"> 와 의 사이에 소스를 넣습니다.
소스를 넣는 방식은 다음과 같습니다.
첫번째 방법 : div 소스 이용하기
<div style="margin-top:0px; padding-left:5px; float:right; width:가로사이즈px; position: static;">
//광고 소스//
</div>
예제를 볼까요?
<div style="margin-top:0px; padding-left:5px; float:right; width:300px; position: static;">
<script type="text/javascript"><!--
google_ad_client = "pub-xxxxxxxxxxxxxxxx";
google_alternate_ad_url = "http://www.17dae1.com/link.html";
google_ad_width = 300;
google_ad_height = 250;
google_ad_format = "300x250_as";
google_ad_type = "text_image";
//2007-09-18: 17dae1.com - center 300pixel
google_ad_channel = "9694521748";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "C94093";
google_color_text = "215670";
google_color_url = "008000";
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
아래의 빨간색 부분은 광고가 오른쪽으로 붙게 하는 소스이고 회색 소스는 광고 소스입니다.
두번째 방법 : table 소스 이용하기
테이블 소스를 이용하는 방법의 출처는 http://pmice.tistory.com/79 에서 가져 왔습니다.
<table width="가로사이즈" height="세로사이즈" 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>
예제를 볼까요?
<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;'>
<script type="text/javascript">
var adv_random = Math.random() * 10000;
var adv_width = '250';
var adv_height = '250';
var adv_key = 'xxxxxxxxxx' + adv_random;
var adv_channelid = '57842';
var adv_ad_align_type = '1';
var adv_lo_border = 'ACD372';
var adv_lo_background = 'FFFFFF';
var adv_lo_adtitle = 'EE105A';
var adv_lo_addesc = '0072BC';
var adv_lo_adurl = '00A650';
var adv_adno = '3';
var adv_bg_img = 'skin001';
var adv_ui_type = 'M';
</script>
<script type="text/javascript" src="http://adclix.daum.net/js/ctx_adclix3.js"></script>
<script type="text/javascript">
getAdClixAD('xxxxxxxxxxx' + adv_random);
</script>
</td>
</tr>
</table>
아래의 빨간색 부분은 광고가 오른쪽으로 붙게 하는 소스이고 회색 소스는 광고 소스입니다.
광고 본문에 삽입한 예제
Posted by 야매
댓글을 달아 주세요
축하드립니다.
하하~ 드라코님 감사합니다. 주소 알려 주시면 한장은 보내드리도록 할께요^^;;
축하드립니다.~
리오빠님의 트랙백을 보고 달게된 광고가 이제야 상품권으로 희망을 주네요^^
축하합니다~ ^^
알차게 쓰세요~
문차일드님 항상 오실때마다 댓글 달아 주셔서 감사합니다.