본문 바로가기
IT/블로그

티스토리 블로그 드래그, 우클릭 방지 작업하기

by 신림83 2020. 8. 23.
반응형

티스토리 블로그 드래그, 우클릭 방지 작업하기

안녕하세요.

티스토리 블로그를 시작하면서, 공부한 내용들을 기록하고자 합니다.

 

먼저 본인 블로그의 글과 사진을 카피당하지 않기 위해서 기본적으로 많이 조치하시는 드래그 & 우클릭 방지 글을 써보겠습니다. 

 

드래그 & 우클릭 방지에는 2가지 방법이 있습니다. 1번이 플러그인을 이용하는 방법, 2번이 html 코드 삽입인데, 1번 방법이 쉽지만 모든 브라우저에서 정상작동을 보장하지 않아서... 결국은 html 코드 삽입을 하셔야 합니다.

 

두 방법 다 기록해보겠습니다.

 

1. 플러그인을 이용하는 방법

 

플러그인을 통하여 오른쪽 클릭방지 켜기

 

블로그 설정 페이지에서 #1 을 눌러주세요.

오른쪽 플러그인중 #2를 찾아서 활성화시켜주세요!

 

2. html 코드 삽입을 이용하여 드래그, 우클릭 방지하는 방법

 

스킨편집을 눌려주세요! 클릭 이라고 되어 있는 부분

 

 

 

오른쪽에 html 편집 버튼을 눌려주세요 노락색 요기!! 박스입니다.

 

 

 

다음과 같은 화면이 뜨면 10번 라인에 보이는 코드를 추가하시면 됩니다. 위치 관련은 아래에 추가 설명하겠습니다.

 

 

좀 더 설명하면 html 편집을 오픈하는 곳까지는 거의 동일할 것입니다.

 

10줄 번 코드

<body oncontextmenu="return false">

를 추가하셔야 하는데 4번 줄에 무조건 넣는다기 보다는

</head> 아랫줄에 위치시켜주세요

 

추가로 드래그 방지까지 하고 싶은 경우는 코드를 아래 코드로 바꿔주세요

<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">

로 하시면 됩니다.

 

추가적으로 스킨 변경을 하면 html 코드 작업을 다시 해줘야 하는 거 같습니다.(정확하지 않음.. 저도 아직 초보라)

스킨 변경 시 체크해보시면 될듯합니다.

 

글 읽어 주셔서 감사합니다!!

반응형

댓글