티스토리 블로그 플로팅 광고, 배너 다는법 (tistory floating)

2011. 5. 29. 22:37카테고리 없음




@ 티스토리 블로그 플로팅 (Tistory floating) 광고 다는 법



1. HTML/CSS 편집의 HTML 란에

<div id="floatdiv">
  <ul>

  원하는 광고 코드   
   
 </ul>
</div>

2. 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: center; }
#floatdiv a   { color: #5D5D5D; border: 0; text-decoration: none; display: block; }
#floatdiv a:hover, #floatdiv .menu  { background-color: #5D5D5D; color: #fff; }
#floatdiv .menu, #floatdiv .last    { margin-bottom: 0px; }
티스토리 블로그 플로팅 광고, 배너 다는법  티스토리 블로그 플로팅 광고, 배너 다는법