[꾸미기] 블로그에 '맨 위로' 버튼 추가하기

블로그 마케팅/ㆍ꾸미기 2013. 1. 10. 22:51


아래 손가락을 눌러주세요. 

 



'맨 위로' 추가하기
 		 



'맨 위로' 버튼? 블로그를 방문하다 보면 가끔 볼 수 있는 버튼이다. 이 버튼의 기능은 단순하다. 클릭하면 스크롤바를 가장 위로 올리는 기능이다. 이 문서에서는 '맨 위로' 버튼을 블로그에 추가하는 방법을 소개합니다.





  이미지 파일업로드 하기



1. 우선 버튼으로 사용할 이미지를 구합니다. 그리고 티스토리 관리자모드에서 [HTML/CSS 편집] - [파일업로드] 로 이동합니다. 여기서 '추가' 버튼으로 사용할 이미지를 업로드하고, 링크 주소를 복사합니다.






2. 파일을 다운 받습니다. 그리고 <img src="이미지"/>에서 이미지를 지우고 복사한 링크 주소를를 지우고 붙여 넣습니다. 


※ bottom:5px 에서 숫자는 화면 하단까지의 간격을 나타냅니다.

    right:5px 에서 숫자는 화면 오른쪽까지의 간격을 나타냅니다.


맨 위로 코드.txt

<!-- 맨 위로 시작 -->

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title= Top ><img src="이미지"/></a>

<!-- 맨 위로 끝 -->





3. [HTML/CSS] 에서 수정한 코드를 단축키 ctrl+f 로 body>를 검색해서 그 위에 붙여넣습니다. 코드의 위치는 <body> ~ </body> 사이에만 위치하면 됩니다.






'블로그 마케팅 > ㆍ꾸미기' 카테고리의 다른 글

[꾸미기] 댓글창에 이미지 넣기  (0) 2013.01.15
[꾸미기] '더보기', '접기' 꾸미기  (0) 2013.01.11
[꾸미기] 댓글창에 스크롤바 추가하기  (0) 2013.01.10
[꾸미기] 포스트의 소제목 서식 꾸미기  (0) 2013.01.10
posted by 쪼재
,

티스토리툴바