너무 쉬운 티스토리 블로그 플로팅 스크롤 배너 달기, 플로팅 배너 다는 방법

 

[티스토리 블로그 플로팅 배너 스크롤 배너 달기]

 

안녕하세요.

후니수니 스토리노트입니다.

 

블로그명이 후니수니인 이유는 제이름의 마지막글자와 집사람의 마지막글자를 조합해서 만들다 보니 후니수니가 되었답니다. ㅎㅎ

(잠시 여담을 늘어놓았네요 ^^)

 

오늘은 티스토리 블로그에 플로팅 배너 광고 일명 스크롤 배너를 다는 방법을 소개할까 합니다.

 

저도 처음에 티스토리 블로그에 스크롤 배너를 적용하는 방법을 몰라서 여기 저기 찾아 보기도 했지만, 모두들 너무 어렵게 설명되어 있어서 플로팅 배너를 적용하는데 많이 시간이 걸린 것 같은데요,

 

오늘은 정말 아주 쉽게 티스토리 블로그에 플로팅 배너 광고를 게재하는 방법을 소개하겠습니다.

 

아래에 있는 제 블로그를 보시면, 왼쪽에 플로팅 배너가 적용되었는데요,

 

 

플로팅 배너, 스크롤 배너 적용하시는 것을 너무 어렵게 생각하지 마시기 바랍니다.

 

거두절미하고,

 

아래 메모장에 있는 소스 보이시죠?

 

 

메모장에 있는 소스대로 작성하신 후에, 그대로 적용하면 끝입니다.

 

적용하는 방법은 티스토리 블로그의 관리자로 들어가셔서

skin.html 부분에서 오른쪽에 나와 있는 소스 중에서 ctrl+f를 누르신 후, article_rep_desc 부분을 찾으신 다음,

 

article_rep_desc 아래 부분에 아래에 적혀 있는 소스 그래도 입력하시면 됩니다.

 

<div id="floatdiv">
<ul>

원하는 광고코드

</ul>
</div>

 

 

그리고, style.css부분에서 맨 아래부분에 아래와 같이 소스를 적으시면 끝~!!!

 

#floatdiv{

position:fixed;_position:absolute;_z-index:-1;
width:170px;
overflow:hidden;
left:0px;
top:60px;
background-color:transparent;
margin:0;
padding:0:
}
#floatdiv ul {list-style:none;}
#floatdiv li {margin-bottom:2px;text-align:cnete;}
#floatdiv a {color:#5D5D5D;border:0;text-decoration:none;display:block;}
#floatdiv a:bover, #floatdiv.menu {background-color:#5D5D5D;color:#fff;}
#floatdiv.menu,#floatdiv.last {margin-bottom:0px;}
 

 .float_banner   {
    position:fixed;
    border:1px solid #cecece;
    height:600px;
    width:120px;
    margin-left:-132px;
    margin-top:-11px;
    padding:0   }

 

너무 간단한가요?

 

참고로, 구글 애드센스는 플로팅 광고를 허용하지 않고 있습니다.

허용하고 있는 플로팅 광고는 링크프라이스와 리얼클릭정도로 여겨지네요.

 

님들도 블로그에 둥둥 떠다니는 플로팅 배너 광고를 게재해 보시고, 광고 수입도 많이 올리시기 바랄게요.