본문 바로가기

[마케팅]블로그돈벌기/티스토리 블로그

티스토리 파비콘 넣는방법(적용하기 설명)

반응형

티스토리 파비콘 넣는방법(적용하기 설명)

티스토리 파비콘 넣는 방법 강좌 입니다. 파비콘을 적용하기 위해서는 일단 첨부할 파일 아이콘이 있어야 합니다.
아이콘 파일은 .ICO 로 끝나는 이미지 파일로서 무료 다운로드 사이트 (http://www.iconfinder.com) 에서 받아보실 수 있습니다.

관련글타래 : 2010/07/24 - [좋은사이트 책갈피] - 무료저작권 이미지(아이콘) Iconfinder.com 
저는 제일 편한방법으로 이걸 추천합니다.

만약 가지고 있는 이미지 파일이 있다면 jpg 나 gif 를 .ico(아이콘 이미지) 로 변환하여 내 컴퓨터에 저장할 수도 있구요 (http://www.degraeve.com/favicon/)

직접 클릭해서 만드는(픽셀로 하나하나 찍어서 만드는) 방법을 쓸 수도 있습니다. (http://www.degraeve.com/favicon/)

<파비콘 설정전 그냥 익스플로러 아이콘일때>

 

<파비콘 설종후 이미지가 적용된 화면>

 

 

*파비콘이란 쇼핑몰 주소창이나 브라우져 타이틀(파란줄 부분)에 적용되는 작은 아이콘을 말하며
방문자가 즐겨찾기 또는 바탕화면 바로가기 만들기 를 했을때 인터넷 기본아이콘(파란 e) 아이콘이 아닌 멋스러운 자기만의 아이콘으로 보여지게 하는 이미지 파일을 말합니다.

 


<파비콘 설정후 바탕화면에 바로가기 만들었을때...>

1. 티스토리 관리자 >  환경설정에 들어갑니다.

 

블로그 정보를 클릭하면 아래와 같은 ‘블로그 아이콘' ‘파비콘' 첨부하는 곳이 있습니다.

 

2. 블로그 아이콘과 파비콘을 첨부해 줍니다.

제 사이트는 이미 첨부되어 있네요… 여러분도 첨부하시면 아래처럼 나올겁니다.

 

3. 첨부후 파미콘 이미지가 바로 뜨지 않으면 저처럼 그냥 하얀 점으로 보입니다.

 

하얗게 나오는 이미지를 우클릭후 ‘속성'을 클릭하면 위와같은 창이 나옵니다 위의 주소(URL) 항목을 복사합니다.

 

4. 이제 관리자의 HTML 수정 항목으로 갑니다.

 

5. HTML/CSS 편집 란의 Skin.html 항목에 아래 태그를 붙여넣습니다.

붙여넣기 하실때 <head> 태그 바로 아래에 복사한 태그를 붙여넣으시고

꼭!! href=”방금복사한 파비콘주소” 란에는 아까 복사했던 이미지 주소 경로를 적어 주셔야 합니다.

태그 : <Link rel="shortcut icon" href="방금복사한파비콘주소">

 

6. 다 하시고 저장을 눌러 주세요

 

완성하시고 바로 적용되지 않는 경우가 있습니다. 느긋이 몇시간 기다리셨다가 다시 접속하시면 적용된 모습을 보실 수 있서요 ^^

반응형