블로그잡담

티스토리 블로그 오디세이 스킨 파비콘 적용 안될 때 해결 방법

CJLIFE 2023. 7. 11. 11:23

 
티스토리에는 블로그 관리 기능으로 파비콘을 쉽게 설정할 수 있습니다. 하지만 블로그 설정에서 파비콘을 등록했는데도 적용이 안 되는 경우가 있습니다. 특히, 파비콘 설정한 후에 다른 디자인으로 재설정한 경우에는 바로 적용이 안됩니다. 시간이 걸린다는 의견도 있지만 한국인 특성상 바로바로 변경이 되어야 하는 것이 인지상정. 저 포함 빨리빨리 민족인 한국인을 위해서 이번 포스팅을 작성합니다. 이번 포스팅의 기준은 오디세이 스킨 기준이며 다른 스킨 역시 동일하게 적용할 수 있으니 참고 부탁 드립니다.

 

 

 

파비콘 적용 안되는 이유

먼저, 파비콘이 적용 안 되는 이유를 대해서는 특별한 케이스가 있다고 얘기하기가 힘듭니다. 다만, 추측하건대 이전 방문하고 남은 쿠키가 그대로 적용되어 있기 때문입니다. 그렇기 때문에 쿠키 삭제를 통해서 쉽게 해결할 수 있습니다. 만약, 그렇지 않다면 코딩을 통해서 파비콘 적용을 다시 할 수 있습니다.
  

 

파비콘 적용 안될 때 첫번째 해결 방법

먼저, 쿠키를 삭제해서 해결하는 방법에 대해서 알아보겠습니다.
  
1. 사이트 주소 왼편에 보이는 "사이트 정보 보기" 메뉴를 활성화합니다.
 

 

사이트 정보 보기 메뉴
사이트 정보 보기 메뉴

 


2. 쿠키 및 사이트 데이터 메뉴를 누른 후에 인터넷 사용 기록 삭제를 실행해 주세요.
 

 

인터넷 사용 기록 삭제
인터넷 사용 기록 삭제

 
 
3. 아마, 대부분의 경우 해결될 수 있지만 만약, 해결이 안 된다면 다시 1번 과정의 사이트 정보 보기 메뉴에서 하단의 사이트 설정 메뉴를 활성화합니다.
 


4. 이후에 본인의 블로그 주소를 휴지통 표시를 눌러서 삭제를 진행합니다. 
 

 

쿠키 및 사이트 데이터 삭제
쿠키 및 사이트 데이터 삭제

 

 

300x250


 

파비콘 적용 안될 때 두 번째 해결 방법

위의 방법으로도 파비콘이 적용 안될 때는 코드 구문을 추가하는 방법이 필요합니다. 그렇게 어려운 방법은 아니기 때문에 아래를 잘 따라와 주세요.
 
 
1. 티스토리 블로그 설정의 스킨 편집 -> html 편집 메뉴를 활성화합니다.
 


2. 상단 메뉴 중 파일업로드 메뉴로 진입해서 하단 + 추가 버튼을 눌러 파비콘 ICO 파일을 추가합니다.
 

 

파비콘 ico 추가 업로드
파비콘 ico 추가 업로드

 


3. 저장된 favicon.ico 에서 마우스 우클릭 링크 주소를 복사해 주세요.
 

 

업로드 된 파비콘 ico 링크 주소 복사
업로드 된 파비콘 ico 링크 주소 복사

 
 
4. html 편집 화면으로 이동한 후 <head>와 </head> 사이에 아래의 코드를 복사, 붙여 넣기 해주세요. 붙여넣기를 할 때에는 파일 업로드 메뉴에서 복사한 파비콘 ico 링크 주소를 큰 따옴표 안에 삽입 후 붙여넣기 합니다.
 

 <link rel="shortcut icon" href="파일업로드 메뉴에서 복사한 파비콘 ico 링크 주소" />

 
※만약, 복사가 안된다면 아래 메모장을 다운로드하여 주세요.

코드 구문.txt
0.00MB

 
 
5. 참고로 본인의 경우 오디세이 스킨에 <link rel= 로 시작하는 구문이 있어 통일성을 위해서 그 구문 근처로 복사, 붙여 넣기 하였습니다.
 
 

추가 코드 구문 삽입하기
추가 코드 구문 삽입하기

 
 
6. 새로 고침 후 파비콘이 잘 변경되었는지 확인합니다.
 

지금까지 파비콘이 적용 안될 때 해결하는 방법에 대해서 알아보았습니다. 특이한 케이스를 제외하고는 대부분의 경우 위의 두 가지 방법으로 해결이 가능한 거 같습니다. 다만 구글 검색 시 나오는 블로그 파비콘의 경우 시간이 조금 걸리는 것으로 확인됩니다. 저 역시도 마찬 가지고요. 아마 구글에서도 업데이트되는 시간이 있지 않나라고 생각됩니다.

 

 

파비콘 적용 안될 때