본문 바로가기
티스토리 꾸미기

티스토리에 파비콘 적용하기

by B쿤ª 2014. 3. 30.
반응형

티스토리에 파비콘 적용하기

티스토리 블로그에 파비콘 적용하는 방법에 대해서 한번 알아보도록 하겠습니다. 그 전에 파비콘이 무엇 인지 한번 되짚고 가보겠습니다

 

파비콘이란

 지식백과를 좀 참조했습니다~

 

지금은 적용이 되지 않아서 기본 IE 아이콘으로 즉, 파비콘이 형성이 되어있습니다. 이 부분을 이제 자신의 티스토리 혹은 홈페이지에 맞게 한번 손을 보겠습니다.

 

티스토리 기준으로 관리자 페이지로 이동한 후에 기본설정 에 보시면 아이콘, 파비콘 이렇게 확인이 되는데요, 여기에서 파비콘 영역에서 찾아보기를 눌러서 ico 파일을 선택해주셔야 됩니다. 

 

 

 

이렇게 선택을 하고 열기를 누르게 되면 파비콘에 그림이 생성 된 것을 확인할 수 있습니다.

 

여기까지 진행을 모두 마치셨다면 이제 플로그인->플로그인 설정을 눌러주세요. 꾸미기 영역에서 홈페이지 아이콘표시(파비콘) 이 부분을 선택하게 되면 블로그 아이콘 표시에 관한 설정을 확인할 수 있습니다. 

 

 

 

저의 경우에는 16X16 아이콘 크기 이므로 사이즈를 선택하고 확인을 눌러주세요

 

 

이제 막바지랍니다. 다시 관리자 페이지에서 꾸미기->HTML/CSS 편집 영역에서 파일 목록에 아까 등록을 했었던 파비콘.ico 파일을 추가시켜주세요

 

 

 

 

 

그 후에 추가된 images/favicons1.ico를 클릭하게되면 왼편에 미리보기 화면이 나오게 되는데요, 이때 아이콘에서 오른쪽 마우스 버튼을 클릭시에 URL 주소가 확인이 됩니다. 이 주소에서 http:// ~ .ico 이 부분만 블럭을 씌워서 복사를 해주세요

 

그런 다음 할일은 html/css 부분을 좀 수정해야되는데요 'CTRL+F' 버튼을 누르신다음에 head 로 검색을 해보세요 그럼 이 영역이 확인이 된답니다. 

<head>

 

<link rel="shortcut icon" href="http://cfs.tistory.com/custom/blog/124//1245416/skin/images/favicons1.ico"/>

 

</head>

 

 

ref.txt

  

해당 소스는 참고로 올려뒀습니다. ~ 타이핑이 힘드신 부분은 받아서 부분 수정만 하시면 바로 사용가능합니다 ~

 

 

여기까지 모두 마치셨다면 아래 부분에 저장 버튼만 눌러주시면 끝입니다.

 

 

그러면 아까 맨 처음에 보셨던 IE 파비콘이 이렇게 바뀌어져 있는 모습을 확인할 수 있습니다 !

 

자신만의 뭔가 색다른 파비콘으로 홈페이지, 티스토리 블로그를 꾸며보세요 ^_^

반응형

댓글