스크롤해도 고정된 플로팅 광고 삽입하기


스크롤해도 고정된(따라다니는) div 를 만드는 코드를 설명합니다.


아주 간단하답니다.


아! 구글 애드센스에는 이용하지 마세요.


구글 애드센스 정책에는 위반사항에 해당되는 부분입니다.



1. CSS 삽입하기


/* 플로팅 배너 (Floating Menu) */

#floatdiv {

 

   position:fixed; _position:absolute; _z-index:-1;

    width:120px;

    overflow:hidden;

    right:11px; 

    top:50px; 

    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; }



2.고정된 광고를 삽입하기 위한 코드


<div id="floatdiv">

    <ul>

        

광고코드


    </ul>

</div>

+ Recent posts