5분 만에 끝내는 블로그스팟 이미지 복사 방지 (JavaScript 코드 포함)
블로그스팟에서 마우스 우클릭 방지 자바스크립트 코드, 이미지만 복사하기를 막는 방법을 알아보자. 우클릭 복사를 못하게 막아도 불펌은 가능하지만, 편하게 가져가지는 못한다 정도로 생각하면 될 듯 하다.
이미지 보호 JavaScript
아래의 자바스크립트 코드를 복사한 후, HTML 편집 → </body> 앞에 붙여넣기.
- ❛이미지 우클릭 방지❜
JavasScript
<script type='text/javascript'>
/*<![CDATA[*/
// 마우스 오른쪽 클릭 이벤트 감지
document.addEventListener("contextmenu", function(e) {
// 클릭한 대상이 이미지("IMG") 태그인지 확인
if (e.target.nodeName === "IMG") {
// 이미지일 경우에만 우클릭 메뉴 차단
e.preventDefault();
}
}, false);
/*]]>*/
</script>
이 코드는 이미지만 골라서 보호하기 때문에 텍스트 복사를 원하는 방문자에게 불편함을 주지 않는 매너 있는 코드입니다.
복사해서 붙여넣기만 하면 끝!
블로그스팟에 불펌 방지 자바스크립트 코드 삽입 방법
1) 테마 → 맞춤설정 옆의 화살표 ▼를 누르고 HTML 편집으로 이동.
2) 위의 자바스크립트 코드를 복사한 후, </body> 앞에 붙여넣기.
- 적용해보니 정상적으로 작동됨.
|
| Blogger HTML 편집 우클릭 방지 자바스크립트 코드 적용 화면 |
3) 저장을 누르고 해당 글로 들어가서 보면, 마우스 우클릭 방지가 적용됨을 확인할 수 있다.
오늘의 한마디
누군가의 글이나 이미지를 사용한다면, 출처를 표기하자.
|
| 마우스 사진 |
댓글
댓글 쓰기