스크롤에 따라 움직이는 아이콘 만드는 방법

제 블로그 우측하단에 보시면 아이콘 세 개가 보일 겁니다. 아래는 바로 이 기능을 사용하기 위한 소스입니다.

 

<a style="display:scroll; position:fixed; bottom:5px; right:5px" href="#">
<img src="http://cfs.tistory.com/custom/blog/28/282584/skin/images/post_top.jpg"></a>
<a style="display:scroll; position:fixed; bottom:62px; right:5px" href="http://blog.naver.com/blogyourlife">
<img src="http://blogfiles13.naver.net/20090725_252/blogyourlife_1248507966913kuwV3_jpg/lg_naver_v3_blogyourlife.jpg"></a>
<a style="display:scroll; position:fixed; bottom:119px; right:5px" href="http://feeds2.feedburner.com/tistory/edHo">
<img src="http://cfs.tistory.com/custom/blog/28/282584/skin/images/rss_circle.jpg"></a>

스킨->사이드바->HTML배너 편집에 붙여넣으면 됩니다.

붉은색으로 표시된 곳의 주소만 변경하시면 됩니다. img src는 아이콘 이미지의 주소입니다.
직접 파일올리기로 올리시려면

 

./images/파일명.파일형식                                                    예) ./images/lg_naver_v3.jpg