<!DOCTYPE html>
<html>
<head>
    <title>즐겨찾기 추가 예시</title>
    <style>
        .bookmark-btn {
            background-color: #4CAF50; /* Green */
            border: none;
            color: white;
            padding: 15px 32px;
          	width: 100%;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            margin: 4px 2px;
            cursor: pointer;
            border-radius: 4px;
            transition: background-color 0.3s ease;
        }

        .bookmark-btn:hover {
            background-color: #45a049;
        }
    </style>
</head>
<body>

<button onclick="addBookmark()" class="bookmark-btn">즐겨찾기에 추가</button>

<script>
function addBookmark() {
    if (window.sidebar && window.sidebar.addPanel) { // Firefox version < 23
        window.sidebar.addPanel(document.title, window.location.href, '');
    } else if (window.external && ('AddFavorite' in window.external)) { // IE
        window.external.AddFavorite(location.href, document.title);
    } else if (window.opera && window.print) { // Opera
        this.title = document.title;
        return true;
    } else { // For Safari, Chrome, and others
        alert('현재 브라우저에서는 직접 즐겨찾기에 추가해야 합니다. Ctrl+D를 눌러 즐겨찾기에 추가하세요.');
    }
}
</script>
  
<script src="//img.mobon.net/js/common/HawkEyesMaker.js"></script>
<script>
	new HawkEyes({"type":"banner","responsive":"N","platform":"W","scriptCode":"937094","frameCode":"75","width":"970","height":"90","settings":{"cntsr":"2","cntad":"1"}});
</script>

</body>
</html>


싸다게임 크롬 확장 프로그램 이용법