내가원하는 이미지를 플로팅으로
제우측에 지금 보시면 플로팅으로 이미지가 하나 있습니다. 이것은 특정부분을 광고한다거나 광고소스를 넣은게 아니고 제가 만든 이미지를 우측에 넣어서 원하는 사이트로 링크를 건것입니다. 블로그에 이런식으로 특정사이트를 연결하고 싶다면 아래와같이 해보시면 됩니다.
▲ 이것인데 플로팅으로 계속 따라다닙니다.
▲ 우선 넣고자 하는 이미지를 만들어야 하는데 이미지를 만드는것은 생략하겠습니다. 이미지는 GIF나 PNG JPG등 원하는 이미지파일로 만드시면 되시고 플래쉬 형식으로 만드신다면 GIF로 당연히 만드셔야 할것입니다.
▲ 이미지를 만드셨다면 HTML로 이동하셔서 추가로 만든 이미지를 선택하여서 업로드 해주시면됩니다.
▲ 업로드 하셨다면 업로드하신 파일에 마우스를 대시고 오른쪽클릭후 속성으로 이동하시면 "주소(URL)" 부분이 있습니다. 해당 주소를 복사해서 메모장에 저장을 시켜놓습니다.
▲ 그리고 플로팅으로 띄우기위해서는 style로 이동하셔서 소스를 넣어주시면 됩니다. 해당소스는 아래 첨부파일로 넣어놓겠습니다.
플로팅style.txt
위에 소스를 넣어주시면 되시고 위에 소스에서 아래부분을 위치에 맞게끔 수정해주시면됩니다.
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>
▲ 이것을 넣어주시면 되는데 아래 첨부파일로 넣어놓겠습니다. 위에 빨간색으로 해놓은 부분만 수정을 해주시면됩니다. 첫번째는 이동하고자하는 사이트의 주소이고 두번째는 업로드한 파일의 주소입니다.
이렇게 해주시면 자신이 원하는 소스를 생성하여 원하는 부분으로 이동을 시키실수가 있습니다. 감사합니다.
[〃 IT/〃 블로그정보] - 유튜브영상을 플로팅처럼 스크롤에따라 떠다니게만들기
[〃 IT/〃 블로그정보] - 티스토리 플로팅 광고 본문에 겹치지않게 설치 정책위반조심할것
[〃 IT/〃 블로그정보] - 티스토리 블로그 SNS공유버튼 달기 Share This 이용하여 간단하게
'〃 IT > 〃 블로그정보' 카테고리의 다른 글
| 네이버 포스트에 티스토리 글불러오기 (2) | 2015.04.22 |
|---|---|
| 블로그 SNS공유버튼 쉐어디스이용 만들기 (0) | 2015.03.11 |
| 티스토리 우측상단 메뉴없애기 초간단방법 (1) | 2015.01.29 |