본문 바로가기

블로그팁/티스토리

티스토리에 파비콘 적용 방법 / 파비콘 만들기

반응형

안녕하세요~오늘은 휴가를 떠나고 싶은 날씨군요~ 한낮 기온이 30도까지 올라간다니 이제 슬슬 여름이 오려나 봅니다. 블로그를 새로하면서 티스토리에 대한 정보를 조금씩 포스팅 하고 있는데요 도움이 많이 되셨으면 좋겠네요. 오늘 알려드릴 내용은 티스토리 주소창에 파비콘을 등록하는 방법입니다. 주소창에 나타나는 즉,블로그이름 옆에 나타나는 이미지를 파비콘이라고 합니다. 



보통 티스토리 스킨을 다운받아서 올리면 스킨에 파비콘 이미지가 포함되어 있지만, 파비콘이 맘에 들지 않거나 없을경우 개인이 만들어 올리기도 합니다.이런 작은부분들도 블로그의 이미지를 결정짓는 요소가 되기때문에 저는 중요하게 생각을 합니다.. 


< 화살표 끝에 보이는 이미지가 파비콘 >


파비콘을 등록하려면 일단 이미지를 만들어야 합니다. 그러나 파비콘의 확장자는 우리가 흔히 쓰는 jpg,gif,png가 아닌 ico 입니다. 플러그인을 삽입해 포토샵으로 만들수도 있지만 제가 알려드릴 방법은 더 쉬운 방법입니다.

http://www.favicon.cc/ <= 파비콘을 쉽게 만들수 있는 사이트 이에요.



가운데 보이시는 바둑판 모양에 원하시는 그림이나 문자를 그려 자신만의 파비콘을 만들어주세요.완성이 되면 중앙 아래 부분 Download Favicon 을 눌러주시면 저장이 됩니다.. 참 쉽죠? 그림을 잘 못그리겠다 하시는 분들은 왼쪽 상단 화살표시가된 Import Image 를 눌러 주세요.


파일 선택을 눌러 원하는 이미지를 불러오시고 Upload 를 눌러주세요.( 간단한 이미지가 좋습니다. ) 바둑판에 이미지가 변형이 되서 나타납니다. 수정하실분은 수정하시고 맘에 드시면 중앙에 Download Favicon 을 눌러주시면 저장 해주세요.



파비콘을 만들었으니 티스토리 블로그에 적용을 시켜야겠죠적용 방법은 티스토리 관리자기본설정( 왼쪽메뉴 맨 아래 환경설정 ) 을 누르시면 중앙에 파비콘을 적용하는 메뉴가 보여요. 찾아보기를 누르시고 저장했던 파비콘을 업로드해주세요! 



그다음 플러그인 설정- 꾸미기에서 홈페이지 아이콘 표시 (파비콘) 을 저장해주세요. 이제 주소창에 나타나는 파비콘을 확인해주세요! 위와같이 설정을 해도 익스플러경우  파비콘이 적용 안되는 경우가 있습니다.이럴경우 이미지를 직업 업로드하고 코드를 적용시켜주면 되는데요 


관리자 - HTML/CSS 편집 - 파일업로드에 파비콘 이미지를 업로드 하신 후 이미지 파일에 오른쪽 마우스 클릭 링크 주소 복사 를 하셔서 아래의 코드에 넣어주세요.


<!--파비콘-->

<link rel="shortcut icon"href="여기에 이미지 주소를 넣어주세요"/>

<!--파비콘-->



파비콘 적용 코드.txt



이미지 주소를 넣은 코드를 HTML/CSS 편집에 가셔서 <head>  </head> 사이에 넣어주시면 적용이 됩니다!

반응형