특별한 것이 없습니다. 제 블로그 오른쪽 하단에 보시면 아시겠지만 오른쪽과 같이 NOTICE 플로팅 이미지가 따라다닙니다. 뭔가 공지를 띄우고 싶은데 단순히 글로 써서 '공지' 에 체크하기엔 묻혀서 잘 안보이는 문제가 생기죠. 그래서 저는 얼마전에 올린 '탑버튼 추가하기' 방법에서 조금 응용해보았습니다. 아직 자신의 블로그에 탑버튼이 추가되어 있지 않으시다면 아래 글을 먼저 읽어주세요. 이 포스팅은 탑버튼이 추가되어있다는 전제하에 작성된 글입니다.
2014/12/23 - [티스토리] - 티스토리 탑버튼 간단하게 추가해보자.
자 그럼 본격적으로 시작해볼까요?
정말 간단하기 때문에 잘만 따라오시면 1분안에 모든 작업이 완료됩니다.
1. 먼저 플로팅 이미지로 쓰일 '이미지 파일' 을 준비합니다. 일단 제 이미지 첨부하겠습니다. 쓰실 분들 쓰셔도 무관합니다.
top.zip
2. 압축을 푸신 후 나온 top.png 파일을 '티스토리 관리센터 - 꾸미기 - HTML/CSS 편집 - 파일업로드' 에 업로드해줍니다.
3. images/top.png 를 찾은 후 오른쪽 마우스 - 속성에 들어가 주소를 복사한다.
4. 복사한 주소를 style.css 의 (이미지주소) 에 붙여넣기 한다.
5. 플로팅이미지가 스크롤에도 불구하고 계속 따라다니는 것을 볼 수 있습니다!
이상입니다.
Comments