티스토리 블로그 - 이미지 복사 금지(불펌 금지)하는 법

반응형
SMALL

안녕하세요 ^^ 오늘도 돌아온 어피치군 입니다.

춤추는 어피치.gif

티스토리 블로그 시작하는 많은 사람들이 생각하는 것 중 하나가

자신이 사거나 만든 이미지를 누가 들고가면 어떻하지? 입니다.

 

글 복사 방지 및 선택적 복사에 대한 글은 아래 링크를 참고하시기 바랍니다 ^^

 [블로그 꾸미기] - 티스토리 블로그 - 부분 복사 허용하는 법

 

티스토리 블로그 - 부분 복사 허용하는 법

안녕하세요 Just-Start-Writing에 살고있는 어피치군 입니다. 봐주셔서 감사합니다 ^^ 위에 글만 복사가 되나요? 어떻게 되는지 그럼 같이 해볼까요?  [어피치의 손가락을 따라 해보면 쉽게 됩니다]

just-start-writing.tistory.com

 

오늘은 이미지 불펌 방지하는 방법을 알려드리도록 하겠습니다.

 

만약 [블로그 관리] - [플러그인] - [마우스 오른쪽 클릭 방지]를 활성화하면 그냥 복사가 안되긴 합니다.

하지만 이미지만 복사가 안되게 하고 싶다면?? 

 

HTML, CCS를 이용해야겠지요

 

우선 [블로그 관리] - 왼쪽 사이드바에서 [스킨 편집]

blob

 

오른쪽 창에서 [html 편집] 누르기

edited_blob

 

 

경고창에서 확인 누르기

blob

 

blob

 

 

우선 오른쪽 창 html에서 <body>와 </body>를 찾아주세요.

(전 </body>가 젤 아래에 있었습니다.)

둘 사이에 코드를 붙여 넣기 해주시면 되기 때문에 </body>를 찾아서 바로 위에 넣어줍니다.

 

etc-image-5etc-image-6

 

 

<!-- 티스토리 이미지 불펌 방지 -->
<script type="text/javascript">document.addEventListener("contextmenu",function(e)
{"IMG"===e.target.nodeName&&e.preventDefault()},!1);</script>

 

코드는 다음과 같으니 복사해서 붙여넣기 해주세요~~

 

(만약 복사했을때 깨지거나 띄어쓰기가 많이 되면

메모장에 한번 복사 후 - 다시 복사해 - 붙여넣기 해주시면 됩니다~~)

 

etc-image-7

 

이렇게 해주면 됩니다.

 

그럼 어떻게 되는지 실전에서 볼까요??

 

이미지에서 보통 마우스 오른쪽 버튼 누르면 아래와 같은 창이 나옵니다.

etc-image-8

 

저기 "이미지 복사", "이미지를 다른 이름으로 저장.." 이게 이미지를 들고 갈 수 있는 방법이죠.

 

하지만!!!!

이젠 아무리 이미지에서 마우스 오른쪽 버튼을 클릭해도 저런 창 자체가 안나옵니다.^^

블로그에서 이미지를 지켰네요. ㅎㅎ

 

그럼 오늘도 마무리하겠습니다. 감사합니다~

 

etc-image-9
반응형
LIST