티스토리 블로그 파비콘 'IE 10 에서는 왜 안보일까?'

제가 윈도우 7에서도 익스플로러(이하 IE) 10 Release Preview 버전을 사용했었는데요.

 

윈도우 7에 익스플로러 10을 설치해 보자~! http://sunstar2.tistory.com/462

 

IE 10을 사용하면서 주소 표시줄에 보여야 할 파비콘이 포털 사이트들은 표시가 되는데

티스토리 블로그는 거의 모든 블로그가 파비콘이 표시가 안되더군요.

윈도우 7에서는 시험판이라 그런가 생각했었는데,분명 티스토리 블로그에도 파비콘이 표시되는

블로그가 있습니다.

 

 

아래 필터 처리된 네분의 블로그는 파비콘에 대해 포스팅 하셨던 티스토리 상위 10%안에 드는 파워,프로 블로그들 인데요.

이 분들의 블로그 파비콘은 크롬에서는 표시가 됐지만 IE 10에선 표시가 안되고 있습니다.

맨 아래 평범한 이야기 블로그는 파비콘이 표시되고 있지요...근데 허락없이 샷을 찍어와서 죄송합니다~^^*

 

 

 

티스토리 블로그는 환경설정 -> 기본정보에서 파비콘을 등록할 수 있는 기능이 있는데,퍼뜩 스치는 생각...

제가 얼마전 구글 Blogger에 파비콘 달기에 대해 포스팅한 적이 있어서 그 방법을 적용해 보자는 생각이 들었습니다.

구글 블로거도 티스토리처럼 기본으로 파비콘을 등록하는 기능이 있거든요.

 

 

 

파비콘 만들기는 많은 분들이 포스팅해 주셔서 저는 이번에도 패스할 거구요.파비콘이 준비 되셨다면 따라 오시기 바랍니다.

관리자 -> HTML/CSS -> 파일업로드에서 준비된 파비콘(ico)파일을 추가 버튼을 눌러서 업로드 하시구요.

 

 

 

 

업로드 된 ico 파일을 클릭하면 좌측 미리보기 창에 파비콘 이미지가 나타나는데,이미지에 마우스 갖다 대시고 

우 클릭으로 속성 창을 띠웁니다.

 

 

 

속성 창의 주소를 드래그 복사(Ctrl+C),창 닫으시고...

 

 

 

HTML/CSS 탭을 누르고 skin.html에서 favicon을 찾습니다.

금방 찾을 수 있지만 저 처럼 추가 소스코드를 많이 삽입하신 분은 찾기 기능(Ctrl+C)으로 찾으시고... 

<link rel="shortcut icon" href="https://sunstar2.tistory.com/favicon.ico" />이 부분 바로 위에 복사한 파비콘 주소를 넣어주면 되는데요.

 

 

 

소스코드는 이런식으로 넣어 주세요.

<!--파비콘 start-->
<link href='파비콘 주소' rel='shortcut icon' type='image/ico'/>
<!--파비콘 end-->

faviconcode.txt

 

저는 아예<link rel="shortcut icon" href="https://sunstar2.tistory.com/favicon.ico" />이 부분을 삭제하고 위에 소스코드로 대체했습니다.

 

코드를 삽입하고 저장을 눌러서 '스킨이 적용되었습니다'라는 메세지를 보고  관리자 모드에서 나오면

IE 아이콘으로  보이던 주소 표시줄이.....

 

자신만의 파비콘으로 바로 적용되어 표시되는 걸 확인할 수 있습니다.