블로거팁닷컴

티스토리 Best of Best 블로그


티스토리 블로그 아이콘, 파비콘 삽입하기

블로그 글에 댓글을 작성하거나 방명록에 글을 남기면 내 닉네임 옆에 보여지는 로고스러운 이미지를 우리는 흔히 블로그 '아이콘'이라 부릅니다. 즉 내 닉네임을, 나란 사람을 대표하는 이미지를 말합니다. 아이콘과 달리 파비콘은 인터넷 브라우저 주소창에 표시되는 이미지로 블로그나 웹사이트를 대표하는 이미지를 일컫습니다. 내 티스토리 블로그에 아이콘, 파비콘 삽입하는 방법입니다.


아이콘 파인더 접속하기 http://www.iconfinder.com/


아이콘 파인더는 양질의 아이콘을 무료로 제공하는 웹사이트입니다. 파비콘 역시 여기서 구할 수 있습니다. 아이콘 파인더에 접속하고 검색어로 아이콘을 찾아봅니다. 사과 아이콘을 검색하려고 apple라는 단어를 입력했습니다. Search 클릭!



애플사의 로고도 보이고 먹는 사과 아이콘도 보입니다. 사과 아이콘을 클릭합니다.



아이콘은 PNG 확장자를 지원하며 파비콘은 ICO 파일을 지원합니다. PNG 와 ICO를 눌러 두개의 파일을 다운로드합니다.



블로그 관리자 화면으로 로그인해서 좌측 하단에 있는 '기본 정보'를 누릅니다. 아이콘과 파비콘 입력창이 나오는데요. 다운로드 했던 사과 파일 두개를 각각 업로드했습니다. '저장' 버튼을 누르면 삽입이 완료되는데요. 어디 잘 들어갔나 확인해 볼까요?



먼저 아이콘부터 확인해봤습니다. 다른 티스토리 블로그에 가서 댓글을 달았더니 제 닉네임 옆에 먹음직스러운 사과 아이콘이 표시됐습니다.



크롬 브라우져에 상단 블로그 이름 옆에도 역시 먹음직스러운 사과 파비콘이 잘 표시되고 있습니다. 둘다 성공입니다.

신고


댓글을 달아 주세요

  1. BlogIcon onasaju

    안녕하세요 많이 배워갑니다.
    님 블로그의 댓글 다는 ... 텍스트 입력창이 열려잇게 하려면 어떻게 해야 되나요??

    저는 지금 스킨으로만 블로그를 꾸미고 있고 아직 html은 만지지 않고 잇는데요.
    스킨들에서는.... 댓글 입력 창이 다 닫혀 있어서... 방문하는 사람들이 댓글 다는 곳을 확인못하고
    그냥 지나치는 것 같더라고요

     ×  +
  2. BlogIcon Movie

    많이 배우고 갑니다 ^^ 감사해용~

     ×  +
  3. BlogIcon 은거북

    좋은 자료 잘보고 갑니다ㅎㅎ!

     ×  +
  4. BlogIcon 은거북

    좋은 자료 잘보고 갑니다ㅎㅎ!

     ×  +
  5. BlogIcon 은거북

    좋은 자료 잘보고 갑니다ㅎㅎ!

     ×  +
  6. BlogIcon S IT 전당포

    감사합니다
    적용해보고 댓글 달기 유후~~

     ×  +
  7. BlogIcon azwie

    좋은 정보 잘보고 가요~ ^^

     ×  +
  8. BlogIcon 존재하지않는페이지입니다.

    안녕하세요.티스토리 블로그 처음 운영하는 새내기 블로거 입니다.
    아이콘은 적용됬는데 파비콘이 적용 않되는현상은 어떻게 해결하나요?

     ×  +
  9. BlogIcon 블로그의 신 Zet

    파비콘으로 사용할 이미지 확장자를 확인해보세요.
    그래도 안 되면 다시 질문 주시고요. ^-^

     ×
  10. BlogIcon 갤럭시 맨

    ie11에는..음
    안되네요

     ×  +
  11. BlogIcon 스위트달빛

    오 감사합니다!

     ×  +
  12. BlogIcon 잉여토기

    와 고맙습니다~

     ×  +
  13. BlogIcon 논문

    감사합니다!

     ×  +
  14. 멍그

    안녕하세요 질문이있어서요ㅠㅠ 파비콘은 했는데 파비콘옆에 블로그 이름이 안뜨고 주소가떠요!!!

     ×  +