본문 바로가기
→ 일반컴퓨터관련/기타지식

내 블로그에도 광고 배너를 달아보자!(allblet,올블릿)

by 벅스쭌 2010. 6. 7.
반응형


요즘 블로그를 돌아다니다 보면 광고 배너가 달려있는 블로그가 꾀 많이 있습니다.
노출수, 클릭수 등등 에 따라서 돈을 받을 수 있는데.. 뭐;;; 몇명밖에 클릭을 안하겠지만;;; 그래도 조금씩 모여서 돈을 벌 수 있을 것 같네요^^;

위 사진은 제 블로그에 광고배너를 넣은 사진 입니다.

이제 블로그에 배너를 달아봅시다.


1. 티스토리 admin으로 들어가셔서 "플러그인 - 플러그인 설정" 을 누르면 플러그인 할 수 있는 목록이 뜹니다.
밑쪽에 "올블릿"이라는 플러그인이 있는데요. 광고 배너를 제공해주는 업체인것 같습니다.

2. 배너를 사용하기 위해서 "올블릿" 홈페이지에 회원 가입을 해야합니다.
링크 : http://allblet.net/common/signup_contract.index.php

3. 회원가입 후 로그인을 합니다.

4. 로그인을 하면 메뉴중에 "올블릿 달기" 메뉴를 선택합니다.

5. 그럼 위와 같이 배너 종류(정사각형 배너, 가로가 긴 배너) 가 2가지 나옵니다.그리고 그 배너 모양에 따른 HTML 소스가 있습니다. 이제 이소스를 복사하여 티스토리 블로그에 넣어주면 됩니다.

(저는 게시글 내용 윗 부분에 넣을꺼에요.)

6. 게시글에 넣기위해 저는 가로배너 이미지의 HTML코드를 복사하겠습니다. 가로배너 밑에 있는 "코드복사"라는 버튼을 클릭 합니다. 그리고 본인의 티스토리 블로그를 로그인 합니다.

7. 그리고 "admin"을 들어가서 "스킨 - HTML / CSS 편집"을 클릭합니다.

8. 그러면 위와같이 "HTML / CSS 편집" 탭의 "skin.html"란의 소스가 보입니다. +_+ 이제 이 소스에 아까 복사했던 배너 소스를 집어 넣어야 합니다.

9. 소스오른쪽의 스크롤을 내리다보면 위 사진과같이 "<!-- 포스트 본문 내용 -->"부분이 있을 것 입니다.
이부분 부터 본문 내용이 들어가는 부분이므로 이 윗부분에 아까 복사하였던 소스를 붙여넣겠습니다.

주의 하실점은 소스 위아래로

<div id = "banner">

"아까 배너소스 복사한 내용이 여기에 들어갑니다."

</div>

요렇게 넣어주셔야 합니다.

<center>
<div id = "banner2">
<object name="allblet" id="allblet_player" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="470" height="70">
<param name="allowScriptAccess" value="always" />
<param name="allowFullScreen" value="false" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="movie" value="
http://showman.allblet.net/abp.swf" />
<param name="FlashVars" value="aid=97882&type=9" />
<embed src="
http://showman.allblet.net/abp.swf" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" flashvars="aid=97882&type=9" width="470" height="70" />
</object>

</div>
원하는 내용이 있었다면 배너한번 꾹! 눌러주세요 +_+
</center>
</br>
</br>

전 이렇게 넣었습니다. <center></center> 요거는 배너를 가운데 정렬하기 위함이고 </br> 요거는 엔터키 역활을 합니다.^^;
잠깐! 여기서 주의 하실 점은 가운데 파란색 부분은 저의 배너소스 입니다. 여러분께서 이 소스 고대로 넣으시고;;; 남들이 여러분 블로그에 들어와서 배너를 클릭하면 저의 ;;; 실적이 올라갑니다.;;; 주의하셔서 꼭 파란색부분은 본인의 배너소스를 넣어주세요.

10. 요렇게 하면 제 블로그와같이 게시글 내용 윗부분에 광고 배너가 들어가게 됩니다.^^
반응형