본문 바로가기
블로그와 AI의 만남/블로그 입문 정보

구글 블로그에서 오른쪽 마우스 클릭을 비활성화

by Change Design 2025. 3. 16.

구글 블로그에서 오른쪽 마우스 클릭을 비활성화하려면, 자바스크립트를 <head> 태그 안에 넣을 수 있습니다. 이렇게 하면 모든 페이지에서 오른쪽 마우스 클릭을 차단할 수 있습니다. 아래는 <head> 부분에 추가할 자바스크립트 코드입니다.

1. 오른쪽 마우스 클릭 방지

<head>
  <script>
    document.addEventListener('contextmenu', function(event) {
      event.preventDefault();
      // 여기서 원하는 알림 메시지 또는 동작을 추가할 수 있습니다
      alert("오른쪽 마우스 클릭이 비활성화되었습니다.");
    });
  </script>
</head>

2. 드래그 비활성화

  • 드래그하여 텍스트를 복사하는 것을 방지하려면 아래의 CSS를 사용하여 텍스트 선택을 비활성화할 수 있습니다:
body {
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none;
}

 

적용 방법:

  1. 구글 블로그 관리:
    • 구글 블로그에 로그인 후 템플릿을 선택합니다.
    • 템플릿 관리 페이지에서 HTML 편집 옵션을 선택하여 HTML 코드에 접근합니다.
  2. 코드 추가:
    • <head> 태그 내부에 위의 자바스크립트 코드를 추가합니다. 보통 <head> 태그는 페이지의 메타 정보나 외부 스타일 시트 링크가 포함된 부분이므로, 그 내부에 추가하면 됩니다.
  3. 저장 및 게시:
    • 변경 사항을 저장한 후 블로그를 게시하면 오른쪽 마우스 클릭이 차단됩니다.

주의 사항:

  • 알림 메시지: 위 코드에서는 alert를 사용하여 오른쪽 클릭을 막았을 때 알림을 띄우고 있습니다. 이 부분은 필요에 따라 수정하거나 제거할 수 있습니다.
  • 스크립트 충돌: 다른 자바스크립트 코드나 기능과 충돌할 수 있으므로, 추가 후 블로그의 다른 기능들이 정상적으로 작동하는지 확인하는 것이 좋습니다.

이렇게 하면 구글 블로그 페이지의 모든 페이지에서 오른쪽 마우스 클릭을 비활성화할 수 있습니다.