본문 바로가기
무진군의 아스트랄 세계

파비콘을 설치해 봅시다.+_+

by 무진군 2008. 3. 31.


파비콘을 보기 위해서는 파이어폭스 혹은 IE7이상의 상황에서만 확인이 가능합니다. IE6같은 경우 파비콘이 보일때도 있고 아닐때도 있습니다..^^:.

먼저 ICO파일을 만듭니다.각자 알아서 icon파일인 *.ico파일을 일단 제작합니다.
크기는 16x16으로 제작된 파일을 갖고 다음의 화면에서 등록을 합니다.

(환경설정-기타설정-파비콘찾아보기를 눌러서 저장을 하시면 됩니다.) -tistory기준

사용자 삽입 이미지

올려 놓으셨으면, 파이어폭스 같은경우는 '미리보기'버튼이 없고 그냥 아이콘이 뜹니다. 지금은 IE7의 화면입니다.


그 다음엔 미리 보기를 누릅니다.
사용자 삽입 이미지

이런 화면이 나오는데 주소창의 붉은색 부분을 ctrl+C를 눌러 복사를 합니다.

미리보기 화면을 닫고, 다음은...
사용자 삽입 이미지

스킨-html편집으로 들어가세요.

<link rel="shortcut icon" href="파비콘 주소" /> 파비콘 주소 부분에 복사한것을 넣고
"저장하기" 하면. 끝입니다.(위치는 head 와 /head사이에 있습니다. 다른위치에 들어가면 안됩니다.)

도아님이 말씀해 주신 부분덕에 이렇게 정리까지 가능하게 되었네요.
전의 포스팅에는 포스팅에 올린다음에 강제적으로 넣는걸 적었는데, 기본 파비콘 위치에 맞춰, 넣는 방법은 이것과 같습니다...
ㅎㅎ... 테터툴즈나 기타 같은 경우는 favicon.ico같은경우(파일명은 예입니다.) 최고 root디렉토리에 넣으셔야 합니다.
index.html과 같은 위치에 들어가야 하니 유의 하시구요.>_< 주소는 역시 테터툴즈등의 자신의 블로그 혹은 홈피를 활용하시는 분이라면 넣으실수 있을듯 합니다.

관련글
2008/03/27 - 오늘 파비콘을 만들었어요..
댓글중에 답변이 있었습니다.^-^(도아님의 답변글 확인해 보세요^^;)

 이글로 인해 많은 분들이 개성넘치고 예쁜 파비콘을 설치 하셨으면 하는 바람이 있습니다.

13:30분 추가
트랙백 naerro님의 말씀에 추가 합니다. 블로그 스킨이 리셋될 수도 있다고 하시네요.
저는 그렇지 않았으나 혹시 모르니.. 스킨 백업은 꼭꼭~ 미리 미리 떠 놓으세요~>_<


Copyright MUJIN(JeHyuk.Lee) ALL rights reserved.
단, 캡쳐 이미지 및 펌 동영상은 그 제작자에게 저작권이 있습니다.
이외에 허락 받지 않은 곳에서의 게시를 금합니다.
Posted by 무진군

댓글11

  • jjoa 2008.03.31 14:45 신고

    아흑...난 정말 재주가 메준가봐요..
    시키는대로 했는데 안돼요.ㅠ.ㅠ
    사이즈가 커서 그럴까나요..-_-;;
    답글

    • 무진군 2008.03.31 15:50 신고

      skin.html을 수정하셔야 해요^^:.
      일단 *.ico파일이어야 하구요^^;.(확장자만 바꾸는것이 아니라 저장하는 프로그램을 활용하셔서 만드셔야 합니다.)

      지금 쪼아님의 블로그 skin.html을 보면
      <link rel="shortcut icon" href="/favicon.ico" />부분이 있는데..
      저부분중에 favicon.ico부분을 수정하셔야 해요^^:. 제가 적은 글처럼 ico파일의 위치를 확인하셔서 넣으시면 됩니다.

    • 무진군 2008.03.31 19:37 신고

      추가합니다.
      쪼아님의 파비콘 위치는 "http://jjoastyle.tistory.com/favicon.ico"입니다..그러므로 <link rel="shortcut icon" href="/favicon.ico" />부분을
      아래와 같이 교체 하시면 됩니다.

      <link rel="shortcut icon" href="http://jjoastyle.tistory.com/favicon.ico" />
      이렇게요..^-^/
      쪼아님 블로그 파비콘 위치까지 다 확인 해서 했으니 맞을겁니다^-^

  • jjoa 2008.03.31 22:21 신고

    안돼요.ㅠ.ㅠ 왜 이럴까요..
    제 블로그 다른 게시물에 제가 올린 답글을 보면 블로그 아이콘이 두개가 요상히 생겨버렸습니다.
    위에 미리보기를 하면 파비콘의 주소가 http://cfs.tistory.com/custom/blog/17/173096/favicon.ico 로 나오거든요...html의 바꾸라는 부분을 위 주소로 바꾸어도 안되고 "http://jjoastyle.tistory.com/favicon.ico" 로 바꾸어도 안되고 파비콘 초기화 했는데도 댓글에 아이콘이 두개가 생깁니다...ㅠ.ㅠ 어째 원상 복구가 안될까요?
    답글

    • 무진군 2008.04.01 10:28 신고

      ㅎㅎㅎ 그러실리는 없지만, 저장을 안하신거 같아요^^;;; HTML수정이 안되어 있는걸요^^;(소스 보기)
      그 주소도 맞구요..
      초기화 했는데 두개 생기는건 모르겠네요.
      스킨마다 파비콘+퍼스날콘 두개가 생기는 경우가 많거든요?
      한번 다시 확인해 보세요~~저장이 안되어 있어요^^;.

      방법이 하나 더 있긴한데 skin.html파일을 메모장에 그대로 옮겨서 복사해 붙이시구요 같은 파일명으로 바꿔서 직접 올리기 처리 하셔도 될듯 해요^^;.

  • 2008.04.01 12:56

    비밀댓글입니다
    답글

  • 파워뽐뿌걸 2008.04.07 07:26

    저걸 블로그에 설정 가능한거군요 +_+
    즐겨찾기해두면 알록달록 이쁘던데
    답글

    • 무진군 2008.04.07 10:08 신고

      네^-^ 참조하셔서 한번 만들어보세요..>_<
      IE6은 버그가 있어서 잘 안됩니다^-^(될때도 있고 안될때도 있구..ㅋㅋㅋ)

  • 미실 2008.05.24 10:26

    스킨편집 들어가서 또 건들여 줘야 하는지는 몰랐어요. 그것 때문에 한동안 계속 고생했는데 이 글 덕분에 이쁜 파비콘 달았네요. 감사합니다. ^^
    답글

    • 무진군 2008.05.24 14:13 신고

      아아...도움이 되었다니 너무 기분이 좋아요..
      제 삽질을 포스팅하는 의미가 >_< 바로 이것이 아닐까..
      라는 생각도 들고 흐믓 합니다..ㅎㅎㅎ