작업 표시줄 고정 영역에 IE9 사이트 탭 메뉴 만들기

2011.03.19 15:56 컴퓨터/마이크로소프트

제목이 좀 그렇습니다. 어떻게 말로 설명하기 어려워서 그림으로 대신하겠습니다.

작업 항목을 보면 제가 운영하는 블로그로 이동할 수 있는 3개의 메뉴가 들어 있습니다. 메뉴의 파비콘도 따로 둘 수 있는데, 이 메뉴는 내 컴퓨터에만 설치되는 것이 아니라, 다른 분도 내 사이트의 탭을 작업 표시줄의 고정 영역에 추가하면 누구나 볼 수 있고 사용할 수 있습니다.

xiconeditor.com으로 아이콘 만들기

메뉴에 글씨만 있는 것보다 아이콘도 함께 있으면 좋겠지요. 아이콘을 만들 프로그램이 없다면 xiconeditor.com을 이용하면 간단히 말들 수 있습니다.

적당한 이미지를 준비한 후 [Import] 버튼을 클릭하여 선택합니다.

크기가 큰 이미지도 알아서 파비콘에 사용할 다양한 크기로 알아서 축소 시켜 줍니다. 축소된 이미지가 이상하다면 다른 이미지를 선택해 주면 됩니다.

이제 [Export]버튼을 클릭하여 저장하기만 하면 됩니다.

웹 페이지 수정

이제 웹 페이지를 수정해야 합니다. 우선 만들어진 아이콘을 웹 서버에 등록해야 겠지요. 저는 Tistory를 사용하므로 티스토리를 기준으로 설명하겠습니다. 티스토리 스킨 관리에서 만들어진 파비콘을 업로드합니다. 이미지는 모두 티스토리가 알아서 ./images/ 디렉토리에 저장됩니다.

이제 html 파일의 <head></head> 사이에 메뉴를 위한 문장을 넣기만 하면 됩니다.

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="msapplication-task" content="name=jwmx - 이런저런 이야기; action-uri=http://jwmx.tistory.com; icon-uri=./images/jwmx-favicon.ico"/>
<meta name="msapplication-task" content="name=jwBrowser - 멀티브라우저; action-uri=http://jwbrowser.tistory.com; icon-uri=./images/jwb-favicon.ico"/>
<meta name="msapplication-task" content="name=jwFreeNote - 트리 메모장; action-uri=http://jwfreenote.tistory.com; icon-uri=./images/jwf-favicon.ico"/>
<title>[##_page_title_##]</title>

  • content 에는 메뉴에 출력할 문자열을 넣습니다.
  • action-url 에는 방문할 사이트 주소를
  • icon-url 에 파비콘 위치를 입력합니다.

아래는 bloter.net의 메뉴 입니다. 

재미있는 기능입니다만, 개인 블로거에게 도움이 될지 모르겠습니다. 과연 몇 분이나 저의 블로그를 작업 표시줄에 등록해 주실까요? 확실히 없을 것입니다? ^^; 포털 사이트나 도움이되지 않을까요? 그러나 포털 사이트라고 하더라도 자주 다니는 사이트를 좀 더 편하게 사용할 수 있는 방법이 될 것이라고 생각합니다.

이 댓글을 비밀 댓글로
  1. 살짝 제목이 그렇군요 ㅎㅎ
    이런것도있네요! 감사합니다.
  2. IE8도 쓰기 힘든데 어우 언제 IE9로 가나 고민이 되네요 ㅋㅋㅋ
  3. IE9는 아직 버그가 좀 있는지라.. -.-;
    잠시 사용을 보류하고 있는 중이라지요.. -.-;