'파비콘'에 해당되는 글 1건

  1. 2008/03/02 티스토리 블로그에 파비콘 적용이 안되는 경우(14)

티스토리 블로그에 파비콘 적용이 안되는 경우

 
아래의 내용을 자신의 블로그에 적용하게 되면
블로그 스킨이 초기화 됩니다.
특히, 사이드바 설정 내용 중에서 플러그인으로 가져다 붙여넣기 한
배너 또는 기타 위젯들이 사라져 버립니다.
주의 하시기 바랍니다.

  파비콘을 만드는 것에 대한 내용은 다른 블로그들을 참고 하시기 바랍니다.

사용자 삽입 이미지

블로그 관리자로 접속하면 보이는 파비콘 설정 창.



  티스토리에서 제공해 주는 파비콘 설정이 제 블로그에는 적용되지 않았습니다. 위의 그림에 보이는 미리보기를 누르면 분명 파비콘이 보이는데 블로그에는 적용되지 않더군요. 그래서 skin.html 을 직접 편집해 보기로 했습니다.

사용자 삽입 이미지

관리자 모드의 스킨 탭



  빨간색으로 칠해진 '직접올리기' 를 클릭하면 같은 화면의 아래쪽에 파비콘 파일을 업로드 할 수 있는 영역이 생깁니다. '파일업로드' 란 버튼을 클릭해서 파비콘 파일을 업로드 하시면 됩니다. 파비콘 파일의 이름은 'favicon.ico' 파일이어야 합니다. - 이름을 맞춰 주세요.


사용자 삽입 이미지

파비콘을 업로드 한 후의 모습



  파비콘 파일이 업로드 된 후  'images/favicon.ico' 라는 그 경로가 표시되어 있습니다.

사용자 삽입 이미지

코드 수정 후의 skin.html



  관리자 -> 스킨 -> 'HTML/CSS편집' 을 선택한 다음 위의 빨간 박스 부분 처럼 수정을 합니다. 아래쪽에 <!--   -->주석처리로 싸여 있는  검은색 박스가 원래 있던 소스 코드 입니다. 전 만약의 경우를 대비해서 기존코드를 삭제하지 않고 주석처리를 했습니다.

  위의 그림에 검은색 박스가 2개있는데 아래쪽에 있는것은 '블로그타이틀::첫페이지블로그제목'이 보이게 출력해 주는 코드 입니다. 저는 익스플로러 7 버전을 사용하는데 익스플로러 탭에 출력되는 문구가 너무 난삽해서 위와같이 블로그이름만 출력될 수 있도록 수정 했습니다.

  기존 코드의 삭제보다는 주석 처리를 권장합니다.
  코드 수정을 다 한 후 미리 보기을 눌러서 파비콘 적용 여부를 확인 한 다음 저장하기를 하세요.

사용자 삽입 이미지

미리보기 화면



  파비콘 코드 삽입 후 미리보기 화면입니다. 설정적용이 잘된거 같네요.^^

사용자 삽입 이미지

사이드바 설정에서 플러그인으로 삽입한 배너가 사라질 수 있습니다.



  다시 한번 말씀 드리지만 skin.html의 <head></head> 영역을 편집하게 되면 블로그의 스킨이 초기화 될 수 있습니다. 작업을 했던 블로그 스킨이 초기화 되어 버리면 다시 설정을 해야 하는 문제가 있습니다. 잘 판단하셔서 적용하시기 바랍니다.

  저의 경우도 배너, 시계, 올블로그의 올블릿 위젯, spotplex 위젯이 없어져 버렸습니다. 그래서 플러그인 방식이 아닌 각 해당 코드를 skin.html에 직접 삽입해 버렸습니다.

즐거운 블로깅 하세요.^^


[Map] - 올블로그(allblog)의 올블릿(allblet) 설치 방법
[Map] - 블로그에 설치한 검색창에 한글 입력을 하면 검색 결과가 깨질때
[Map] - 블로그에 시계를 설치해 보세요.
이올린에 북마크하기(0) 이올린에 추천하기(0)
크리에이티브 커먼즈 라이선스
Creative Commons License
Comment 14 Trackback 0
  1. BlogIcon drchoi 2008/03/04 17:52 address edit & delete reply

    파비콘을 적용하는 새로운 방법이군요. 포스트 잘 보고 갑니다. 그리고 포스트 하단 서명이 아주 멋집니다..^^

    • BlogIcon Naerro 2008/03/04 20:27 address edit & delete

      서명은 drchoi님 포스트 보고 따라해 본겁니다.^^

  2. BlogIcon 찾는이 2008/03/15 13:49 address edit & delete reply

    덕분에 많은 도움되었습니다. 감사합니다^^

    • BlogIcon Naerro 2008/03/15 15:55 address edit & delete

      도움이 되셨다니 다행입니다.
      감사합니다.^^

  3. BlogIcon 하이하이 2008/03/15 22:20 address edit & delete reply

    님 저렇게 밑에 구글 검색 넣으려면 어떻게 해야 되는지 알려주세용.!!! 부탁드려욤. ㅠㅠ

    • BlogIcon Naerro 2008/03/16 02:36 address edit & delete

      님의 블로그에 봤더니 구글 검색 창이 있더군요.
      그걸 소스 코드에 삽입하면 될 듯 합니다.
      즐거운 블로깅 하세요.

  4. BlogIcon 하이하이 2008/03/15 22:21 address edit & delete reply

    그리고 댓글 배경 어떻게 하는지도 좀.. 많이 물어바서 죄송합니다.^_^

  5. BlogIcon 무진군 2008/03/31 12:09 address edit & delete reply

    그렇군요...^-^
    저는 별 문제가 없었습니다.
    <link rel="shortcut icon" href="파비콘 주소" />
    이부분만 수정하면 될듯 하며^^; 티스토리 공지에 있는 대로 root에 넣는게 좋을 듯 합니다.^^:
    사실 제 글 같은 경우도 그냥 파비콘 등록을 하면 FF에서는 제대로 나오는데 IE7같은경우는 잘 안나오더라구요..^-^

    아마도 스킨 마다 다른듯 한데 제 블로그는 큰 문제가 없더라구요^-^
    좋은글 트랙백 감사 합니다.

    • BlogIcon Naerro 2008/03/31 12:51 address edit & delete

      전 파폭에선 테스트 해 보지않았습니다.
      지금 설치된 파비콘도 IE7에서만 제대로 보이고 있는 듯 합니다.^^

      제경우엔 스킨이 저런 특성을 많이 받는듯 합니다.
      어떤 분들은 index.xhtml인가 하는 파일을 구해서 손본다음 직접올리기 기능으로 업로드 해 보라고 하시는 분들도 있는데 제 귀차니즘으로 인해서.....^^

      즐거운 블로깅 하세요^^

  6. BlogIcon ColorFilter 2008/04/30 15:58 address edit & delete reply

    감사합니다.자료좀퍼갈게요~나중에까먹을꺼같아서..-_-

    • BlogIcon Naerro 2008/04/30 16:16 address edit & delete

      예.출처만 밝혀 주시면 됩니다.
      도움이 됐으면 좋겠네요.
      즐거운 블로깅 하세요^^

  7. BlogIcon ColorFilter 2008/05/01 10:21 address edit & delete reply

    Thanks

    • BlogIcon Naerro 2008/05/03 00:36 address edit & delete

      휴지통에서 발견해서 복구했습니다. 영어 환자 어쩌구 하는걸 켜놓았더니 스팸으로 오인해서 휴지통으로 보냈나 봅니다. 댓글 2개 다셨던데 둘다 같은 내용이라서 하나만 복구 했습니다.^^

Trackback :http://naerro.tistory.com/trackback/27

Top

prev 1 next