안녕하세요 ^^ 오늘도 돌아온 어피치군 입니다.
티스토리 블로그 시작하는 많은 사람들이 생각하는 것 중 하나가
자신이 사거나 만든 이미지를 누가 들고가면 어떻하지? 입니다.
글 복사 방지 및 선택적 복사에 대한 글은 아래 링크를 참고하시기 바랍니다 ^^
[블로그 꾸미기] - 티스토리 블로그 - 부분 복사 허용하는 법
티스토리 블로그 - 부분 복사 허용하는 법
안녕하세요 Just-Start-Writing에 살고있는 어피치군 입니다. 봐주셔서 감사합니다 ^^ 위에 글만 복사가 되나요? 어떻게 되는지 그럼 같이 해볼까요? [어피치의 손가락을 따라 해보면 쉽게 됩니다]
just-start-writing.tistory.com
오늘은 이미지 불펌 방지하는 방법을 알려드리도록 하겠습니다.
만약 [블로그 관리] - [플러그인] - [마우스 오른쪽 클릭 방지]를 활성화하면 그냥 복사가 안되긴 합니다.
하지만 이미지만 복사가 안되게 하고 싶다면??
HTML, CCS를 이용해야겠지요
우선 [블로그 관리] - 왼쪽 사이드바에서 [스킨 편집]
오른쪽 창에서 [html 편집] 누르기
경고창에서 확인 누르기
우선 오른쪽 창 html에서 <body>와 </body>를 찾아주세요.
(전 </body>가 젤 아래에 있었습니다.)
둘 사이에 코드를 붙여 넣기 해주시면 되기 때문에 </body>를 찾아서 바로 위에 넣어줍니다.
<!-- 티스토리 이미지 불펌 방지 -->
<script type="text/javascript">document.addEventListener("contextmenu",function(e)
{"IMG"===e.target.nodeName&&e.preventDefault()},!1);</script>
코드는 다음과 같으니 복사해서 붙여넣기 해주세요~~
(만약 복사했을때 깨지거나 띄어쓰기가 많이 되면
메모장에 한번 복사 후 - 다시 복사해 - 붙여넣기 해주시면 됩니다~~)
이렇게 해주면 됩니다.
그럼 어떻게 되는지 실전에서 볼까요??
이미지에서 보통 마우스 오른쪽 버튼 누르면 아래와 같은 창이 나옵니다.
저기 "이미지 복사", "이미지를 다른 이름으로 저장.." 이게 이미지를 들고 갈 수 있는 방법이죠.
하지만!!!!
이젠 아무리 이미지에서 마우스 오른쪽 버튼을 클릭해도 저런 창 자체가 안나옵니다.^^
블로그에서 이미지를 지켰네요. ㅎㅎ
그럼 오늘도 마무리하겠습니다. 감사합니다~
'블로그 꾸미기' 카테고리의 다른 글
| 티스토리 블로그 - 특정 글자 크기 바꾸는 법 (0) | 2024.09.20 |
|---|---|
| 티스토리 블로그 - 부분 복사 허용하는 법 (0) | 2024.09.20 |
| 티스토리 블로그에 음악 BGM 넣는 법(음악 플레이어) (0) | 2024.09.19 |