본문 바로가기
배워서남주자

간단하게 파비콘 만들고 티스토리에 적용하는 방법

by mathpark 2014. 5. 9.

 

01. Favicon Generator 사이트에 접속합니다.

 

 

 

02. 파비콘으로 만들고 싶은 이미지를 선택하고 Create Favicon을 누릅니다.

 

 

 

03. 생성된 파비콘을 Download합니다.

 

 

 

04. Editor 탭으로 가면 파비콘을 직접 만들 수도 있습니다.

 

 

 

05. 쓱쓱 그린 후 오른쪽 하단의 Create Favicon을 누릅니다.

 

 

 

06. 생성된 파비콘을 Download합니다.

 

 

 

07. Gallery에서 다른 사람들이 만든 파비콘을 구경할 수 있고 내가 만든 파비콘을 등록할 수도 있습니다.

 

 

 

08. 파비콘을 만들었으면 블로그 관리자 모드의 '꾸미기'에서 'HTML/CSS 편집' 모드로 들어갑니다.

 

 

 

09. '파일업로드' 탭에서 만들어 둔 파비콘을 업로드합니다. 파비콘 파일 이름은 반드시 favicon.ico가 되어야 합니다.

 

 

 

10. 업로드한 파비콘 파일 위에서 마우스 오른쪽 버튼을 클릭하여 '링크 주소 복사'를 선택합니다.

 

 

 

11. 다음 코드를 skin.html의 <head>와 </head> 사이에 추가합니다.

 

faviconcode.txt
다운로드

 

<!--파비콘 start-->

<link rel="shortcut icon" href="파비콘 이미지의 링크 주소 복사한 것을 이 자리에 붙여넣습니다" type="image/x-icon">

<link rel="icon" href="파비콘 이미지의 링크 주소 복사한 것을 이 자리에 붙여넣습니다" type="image/x-icon">

<!--파비콘 end-->

 

 

 

12. 스킨 저장 후 브라우저를 재가동하면 파비콘이 적용된 것을 확인할 수 있습니다. 만약 바로 적용되지 않는다면 브라우저의 캐시를 비우고 다시 로드해 보세요. 크롬이나 IE에서 모두 잘 작동합니다.

 

 

 

 

 

728x90

'배워서남주자' 카테고리의 다른 글

'삐지다', '꼬시다', '딴지' 등 표준어로 인정  (0) 2014.12.16
한글맞춤법 문장부호 표기 개정  (0) 2014.10.30
방등 교체  (0) 2013.12.19
소이향초 만들기  (0) 2013.07.16

댓글