Hi Hi

'css를 이용한 스크롤바를 따라다니는 광고'에 해당되는 글 1건

  1. 스크롤바 따라다니는 광고 달기 (플로팅 배너) (8)

스크롤바 따라다니는 광고 달기 (플로팅 배너)

 


플로팅 배너 - 스크롤바를 따라다니는 광고를 달아보십다.

스크롤바를 따라다니는 광고는 방문자에게 노출빈도를 높고 클릭수도 늘릴 방법중의 하나 입니다.

구글애드센스는 부정행위로 간주된다고 하니 주의하시기 바랍니다.


사이드 바에 광고를 달아보셨으면 쉽게 따라 할 수 있을 겁니다.


이름을 입력하고 , 치환자 안에 아래의 코드를 입렵합니다.

태그 치환자

<div id="floatdiv">
<ul>

광고코드

</ul>
</div>




꾸미기 / HTML/CSS 편집 으로 들어갑니다.



style.css 안에 아래의 코드를 삽입합니다.

/* 떠다니는 메뉴 (Floating Menu) */
#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; }



 left:0px;  // 왼쪽 오른쪽과 여백을 설정하여 줄 수 있습니다.
top:60px;  //  위 아래, 여백을 설정할 수 있습니다.


자바스크립트를 이용한 방법도 있지만 사이트 접속 속도가 느려지는 경향이 있으므 개인적으로 이 방법을 추천합니다.