빛과사람그리고나 :: 블로그에 직접 광고소스 제작 플로팅으로 사이트로 이동시키기

블로그에 직접 광고소스 제작 플로팅으로 사이트로 이동시키기블로그에 직접 광고소스 제작 플로팅으로 사이트로 이동시키기

Posted at 2015. 3. 17. 22:19 | Posted in 〃 IT/〃 블로그정보
반응형

 내가원하는 이미지를 플로팅으로


 

 

제우측에 지금 보시면 플로팅으로 이미지가 하나 있습니다. 이것은 특정부분을 광고한다거나 광고소스를 넣은게 아니고 제가 만든 이미지를 우측에 넣어서 원하는 사이트로 링크를 건것입니다. 블로그에 이런식으로 특정사이트를 연결하고 싶다면 아래와같이 해보시면 됩니다.

 

 

 

이것인데 플로팅으로 계속 따라다닙니다.

 

 

우선 넣고자 하는 이미지를 만들어야 하는데 이미지를 만드는것은 생략하겠습니다. 이미지는 GIF나 PNG JPG등 원하는 이미지파일로 만드시면 되시고 플래쉬 형식으로 만드신다면 GIF로 당연히 만드셔야 할것입니다.

 

이미지를 만드셨다면 HTML로 이동하셔서 추가로 만든 이미지를 선택하여서 업로드 해주시면됩니다.

 

 

업로드 하셨다면 업로드하신 파일에 마우스를 대시고 오른쪽클릭후 속성으로 이동하시면 "주소(URL)" 부분이 있습니다. 해당 주소를 복사해서 메모장에 저장을 시켜놓습니다.

 

 

그리고 플로팅으로 띄우기위해서는 style로 이동하셔서 소스를 넣어주시면 됩니다.  해당소스는 아래 첨부파일로 넣어놓겠습니다.

 

 

 

 

위에 소스를 넣어주시면 되시고 위에 소스에서 아래부분을 위치에 맞게끔 수정해주시면됩니다.

 

right:45%; (오른쪽에서 얼마나 떨어질것인지)

top:40%; (위에서 얼마나 떨어질것인지)

margin-right: -670px; (블로그 중간을 기준으로 몇px을 우측으로 밀것인지)

 

이렇게 3가지 정도만 수정해주시면 됩니다.

 

 

수정하셨다면 사이드바로 이동하셔서 HTML배너출력 으로 하셔서 소스 하나를 더 넣어줍니다.


 

<div id="floatdiv">
    <ul>
         <a href='http://ansths.wix.com/jntnet' target='_blank'>

              <img src='http://cfs.tistory.com/custom/blog/120/1201388/skin/images/plot.gif?=2053688737' border='0' />

</a>


</div>

 

이것을 넣어주시면 되는데 아래 첨부파일로 넣어놓겠습니다. 위에 빨간색으로 해놓은 부분만 수정을 해주시면됩니다. 첫번째는 이동하고자하는 사이트의 주소이고 두번째는 업로드한 파일의 주소입니다.

 

 

이렇게 해주시면 자신이 원하는 소스를 생성하여 원하는 부분으로 이동을 시키실수가 있습니다. 감사합니다.

 

 

 

반응형

Name __

Password __

Link (Your Website)

Comment

SECRET | 비밀글로 남기기

  1. 감사합니다. 덕분에 블로그에 활용할 수 있을 것 같습니다.