캠핑과 개발

특정 사이트를 즐겨찾기에 추가하는 방법임다..
굳이 설명이 필요 없으리라..

<html>
<head>
 <title>즐겨찾기 추가</title>
 <script language="javascript">
 /**
 * 해당 사이트를 즐겨찾기에 추가한다.
 * 이 스크립트를 사용하기 위해서는 각 브라우저마다 기능 여부를 체크후에 사용
 *
 **/
 function addBookMark(){
     var url = "http://hmjkor.tistory.com";
     var title = "맹돌이의 블로그입니다.";
     window.external.AddFavorite(url, title);
 }
 </script>
</head>
<body>
    <a href="javascript:addBookMark();">즐겨찾기 추가</script>
</body>
</html>


브라우저의 주소창이나 탭, 즐겨찾기에 사이트만의 특정 로고나 이미지를 삽입하는 방법이다.



1. favicon.ico 제작

먼저 사용될 favicon 아이콘을 제작한다.
사이즈는 16*16, 32*32, 48*48로 제작
jpg,gif,png 등의 파일을 사이즈에 맞게 제작을 하여 파일명은 favicon, 확장자는 ico 확장자로 변경한다. 직접 제작을 해도 되나 그러지 못한 경우는 검색해보면 많이 나오니 찾아서 제작
하나 추천 : http://www.html-kit.com/favicon

2. html 페이지 코드 삽입
 
만들어진 favicon.ico를 WebRoot 하위에 업로드 함
index 페이지에 다음 코드를 삽입

방법 1

<html>
<head>
    <title>favicon</title>
     <link rel="shortcut icon" href="/favicon.ico" />
</head>
<body>
</body>
</html>

방법 2
<html>
<head>
    <title>favicon</title>
    <link rel="icon" href="/favicon.ico" type="image/x-icon" />
   <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
</head>
<body>
</body>
</html>


이미지가에 문제가 있는경우는 나타나지 않을 수도 있다.


특정한 페이지를 브라우저 시작페이지로 설정을 한다.
IE에서는 동작을 하나 FF 3.5에서는 동작을 안하니 사용시 각 브라우저별로 테스트 후에 사용해야 함

<a style="cursor:pointer" HREF onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://hmjkor.tistory.com');">시작페이지로</a>