1. 티스토리 Favicon 변경하는 방법
TISTORY 블로그 파비콘(Favicon) 변경하는 방법은 먼저, 티스토리 계정에 로그인 한 후 화면 왼쪽 '블로그 관리 홈' 아래의 '☼ 관리 - 블로그' 항목을 선택 합니다. 참고로, 티스토리 파비콘으로 사용할 'ICO'와 'PNG', 'GIF' 포맷의 정사각형 이미지 파일을 미리 준비해 놓아야 합니다.
티스토리 블로그 관리의 '파비콘 파일형식 ICO' 우측의 '불러오기' 버튼을 클릭하여 시스템에 저장되어 있는 아이콘 파일'*.ico' 또는 '*.png' 이미지를 불러오기 다음 '변경사항 저장' 버튼을 누르면 TISTORY 블로그 파비콘이 변경 됩니다. 적용한 파비콘은 네이버 서치어드바이저나 구글 서치 콘솔 등의 색인 요청을 다시하면 비교적 빨리 반영되지만, 통상 1주일에서 한달 까지 걸리기도 하며, Google의 경우 색인 후 반영까지 색각 보다 상당한 시간이 소요 됩니다.
2. 티스토리 파비콘 설정하는 방법
티스토리에 파비콘을 변경하여 적용하여도, 네이버나 구글 검색에서 표시되지 않고 연한 회색의 지구본 모양으로 표시되는 경우에는 먼저, TISTORY 계정에 로그인 한 후 좌측의 '🏠 블로그 관리 홈' 메뉴 아래의 '꾸미기 -스킨 편집 ♐' 항목을 선택 합니다.
티스토리 스킨 편집이 새 탭으로 활성화 되면, 우측 화면의 스킨 이름 '예.북 클럽(Book Clib)' 오른쪽의 썸네일 이미지 아래의 'html 편집' 버튼을 선택합니다.
TISTORY 블로그 'html 편집' - '스킨 편집' - 'HTML' 편집 페이지의 상단 '파일업로드' 항목을 선택하고, 하단의 '✚ 추가' 버튼을 클릭한 다음, 앞선 단계에서 파비콘으로 사용하는 '*.ico' 또는 '*.png' 파일을 불러오기 하여 업로드 합니다. 업로드가 완료되면 파일 목록의 'images/*' 파비콘을 선택하고 마우스 우클릭 후 '링크 주소 복사'를 선택하여 클립보드에 저장된 이미지 주소를 메모장에 붙여넣기 합니다.
메모장 캡처 이미지의 '<link rel="shortcut icon" href="복사한이미지주소">'를 참조하여, 파비콘 코드를 편집하면 되는데, 현재 운영하고 있는 사이트에 마우스 오른쪽 클릭을 사용할 수 없기 때문에 티스토리 고유색 부분을 드래그하여 선택한 후 복사(Ctrl +C)' 한 다음 메모장에 붙여넣기(Ctrl + V) 합니다.
티스토리 블로그 파비콘으로 사용할 이미지 주소 코드를 붙여넣기 하여 편집하고, 티스토리 '블로그관리 홈 - 스킨 편집 - HTML'에서 '코드를 '<head> ~ </head>' 사이에 붙여넣기(Ctrl + V)하여 입력하고 상단 우측에 '적용' 버튼을 누르면, 티스토리 파비콘 설정이 적용 됩니다. 참고로, Favicon 편집 코드 시작과 끝. 부분에 '예시: <!-- 파비콘 시작 --> ~ <!-- 파비콘 끝. -->' 형태로 주석을 추가한 후 붙여 넣기 하면 되는데, 주석 처리된 부분은 HTML 편집에서는 표시 되지만, 스킨에서는 나타나지 않아 어려 코드를 스킨 HTML 편집에서 추가하고 관리 하기에 용이 합니다.
댓글 없음: