• S. 사이드바
  • H. 홈으로
  • F. 검색
  • C. 댓글
  • T. 태그
  • G. 방명록
  • N. 공지사항
  • W. 글쓰기
  • A. 관리자
  • O. 로그아웃
티스토리 블로그에 파비콘(favicon)을 적용해 보자
2011. 8. 17. 13:27 블로그 (티스토리)
Google Ads
티스토리 블로그에 (favicon)을 적용하여 시각적 효과도 주고 개성을 살려 보아요.~
파비콘은 아래와 같이 인터넷 웹 브라우저의 주소창에 표시되는 웹사이트를 대표하는 아이콘입니다.


이렇게 적용하면 누구의 사이트인지 (언젠가는) 각인효과가 생기겠죠? ㅎㅎ


파비콘 제작 사이트 소개 1
http://tools.dynamicdrive.com/favicon/


이 사이트는 이미지 파일을 파비콘으로 변경시켜 줍니다. 16x16크기뿐만아니라 32x32, 48x48크기까지도 만들 수 있습니다.


가지고 있는 이미지파일을 파비콘으로 변경하는 방법은 다음과 같습니다.

1. 찾아보기 버튼을 눌러 확장자가 gif, jpg, png, bmp인 파일을 업로드합니다.

2. "Create Icon"를 클릭합니다.

3. 적용된 파비콘을 확인합니다.

4. "Download FavIcon"을 클릭하여 로컬디스크에 저장합니다.

5. 파비콘을 블로그에 적용한다. (적용방법은 아래를 참조하세요.)




파비콘 제작 사이트 소개 2
http://www.favicon.cc/

이 사이트는 직접그려서 만들 수 있고 이미지를 변환하여서 만들 수도 있는 사이트입니다.
문자를 파비콘으로 할려면 위의 제작사이트보다 이곳에서 하는 것이 더욱 깔끔해 보이는 것 같습니다. 반대로 이미지를 변환하여 파비콘을 만들 경우에는 위의 "파비콘 제작 사이트 1"이 더 나은 것 같습니다.



블로그에 파비콘을 적용하는 방법
① 좌측상단에 "내블로그" > "관리"를 클릭하거나 "블로그주소/admin/" (예:http://likenew.tistory.com/admin/)를 주소창에 입력하여 블로그 관리화면으로 이동합니다.



② 상단메뉴 "환경설정" > "블로그 정보"를 클릭합니다.



③ 중간즘에 "아이콘"란에 파비콘 > "찾아보기"를 클릭하여 만들어 놓은 파비콘을 업로드합니다.



④ 저장을 버튼을 클릭합니다.

⑤ 각 브라우저의 "인터넷 사용정보 파일"을 삭제한 후 ctrl + F5를 눌러 파비콘이 적용된 것을 확인합니다. (바로 적용이 안되는 경우가 있을 경우도 있으니 적용되었다고 생각하시고 다른 볼일 보시고 후에 적용된 것을 확인하시면 됩니다. ^^;)


댓글 / 방명록 작성시 필명앞에 파비콘을 보여주고 싶을 경우
댓글이나 방명록을 작성하면 아래와 같이 파비콘이 표시되어 보다 쉽게 자신이 쓴 글을 확인 할 수 있습니다. 또한 시각적 효과도 줄 수 있고요. (제 블로그가 다른 블로그 보다 딱딱해 보여서 파비콘표시를 했는데 조금 나아진 것 같습니다. 나만의 착각인가요...ㅎㅎ)

▼ 댓글에 파비콘이 적용된 예



적용한는 방법은 간단합니다.
① 좌측상단에 "내블로그" > "관리"를 클릭하거나 "블로그주소/admin/" (예:http://likenew.tistory.com/admin/)를 주소창에 입력하여 블로그 관리화면으로 이동합니다.



② 상단메뉴 "플러그인" > "플러그인 설정"을 클릭합니다.



③ 플러그인 종류에서 "꾸미기"를 클릭합니다.



④ "홈페이지 아이콘 표시(파비콘)"를 찾아 "+" 아이콘을 클릭한 후 "사용"버튼을 클릭합니다.


⑤ 테스트용으로 댓글을 적성한 후 파비콘이 적용된 것을 확인합니다.


하나  하나 알아가면서 블로그 꾸미는 것도 재미있네요. 하지만 블로그 꾸미는 것도 중요하지만 알찬 글을 쓰는 것이 더욱 더 중요한...ㅎㅎ


Google Ads
Google Ads