태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.
노무현 전 대통령 서거 추모글 남기기

본문에 광고 배치 (애드센스, 애드클릭스, 올블릿 등) 하는 방법 :: 2007/11/06 16:33

제 블로그를 보시면 포스트 내용 중간 오른쪽에 박스형태의 광고가 삽입 되어 있습니다. 이 구글 애드센스 삽입은 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>

아래의 빨간색 부분은 광고가 오른쪽으로 붙게 하는 소스이고 회색 소스는 광고 소스입니다.

사용자 삽입 이미지

광고 본문에 삽입한 예제

크리에이티브 커먼즈 라이선스
Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.
블로그코리아에 블UP하기

Trackback Address :: http://www.17dae1.com/trackback/194 관련글 쓰기
  • BlogIcon BreathAir | 2007/11/07 03:48 | PERMALINK | EDIT/DEL | REPLY

    와.. 좋은 정보 감사합니다 ^^
    나중에 꼭 써먹어봐야겠네요
    친구가 미래에셋에서 일하는 애가 있어서 그놈 통해서
    저도 펀드 드려고 생각하는데 멀 들어야 할지 고민중이에요 ^^;
    아 일단 정보부터 수집을 해야겠지요.. 정보 수집...
    고맙게도..mbc의 경제야놀자에서는 펀드에 관한 정보가 많더군요^^

    • BlogIcon 야매 | 2007/11/07 10:15 | PERMALINK | EDIT/DEL

      제가 그다지 펀드에 대해 많이 아는건 아니지만 '경제야놀자'코너에서는 다소 안정성이 높은 펀드가 주로 소개 되더라구요.
      저는 성격상 안정성보다는 수익성이 스릴감 있어서 좋습니다.ㅎㅎ

Name
Password
Homepage
Secret

hit counter

LCD 모니터와 가장 잘 어울리는 케이스 (본체)

요즘 이 케이스만 보면 지르고 싶어 죽겠습니다. LCD 모니터와 너무 잘 조화가 잘 되고 구조 또한 개성 있어서 너무 지르고 싶네요. 가격대도 그다지 비싼건 아닙니다. 대략 7만원대의 가격인데 그래도 막상 지르기엔 조금 부담이..

하수구에서 꿈틀대는 괴생명체 동영상

웹서핑 하다가 우연히 봤는데 정말 징그럽고 소름이 돋는 동영상이네요. 제가 보기에도 조작같지는 않는데 정체에 대해 짐작이 안됩니다. 정말 우리가 모르는 또다른 생명체는 아닌지... 관심있는 분은 한번 보세요. 미국의 한 하수구..

페달 밟지 않아도 된다. 이젠 전기자전거 시대

제 어릴때 소원중 한가지는 모터로 움직이는 전기자전거를 갖는게 소원이었습니다. 페달을 밟지 않아도 되는 편리함에 초등학교때 무척이나 땡기는 물건중 하나였습니다. 하지만 이제는 21세기라 모터 자전거는 인기가 없을줄 알았는데 친..

내블로그 방문자의 위치를 알려주는 위젯

파란닷컴 (http://www.paran.com)에서 재미있는 위젯이 하나 나와서 알려 드릴까 합니다. 티스토리를 쓰면서 대부분의 위젯은 다음의 위젯뱅크에서만 사용했는데 파란에서 제공해주는 방문자 위치 위젯은 다음에서는 없거니..

bing에서 "ㅋㅋㅋ" 로 검색하면?

요즘 MSN에서 야심차게 준비하고 있는 '타도 구글용' Bing이 선보이는 중이다. 필자도 궁금한겸 들어가 봤는데 의외로 깔끔하고 군더더기 없어서 좋긴한데 왠지 구글 따라쟁이가 되어 가는것 같기도 하고 느낌상 구글을 앞질러가긴..

곰플레이어와 엔젤인코더를 같이 쓰면? 에러난다

현재 한국인이 가장 많이 사용하는 동영상 플레이어는 누구나가 알듯이 곰플레이어 (http://www.gomtv.com) 입니다. 그리고 우리나라 사람들이 가장 많이 사용하는 휴대폰 통신사는 SKT입니다. 이 SKT는 못되먹은..