복사 및 붙여 넣기 방지 유형

Blogger 드래그 방지할 수 있는 2가지 유형 소개.
2 min read
복사 및 붙여 넣기 방지

복사 붙여넣기를 방지할 수 있습니까?

웹 브라우저의 소스 보기 또는 개발자 도구를 통해 각 속성들을 비활성화하면 텍스트를 복사 및 붙여넣기 할 수 있습니다. 어떤 방식으로든 다른 사람이 블로그 소스를 볼 수 없게 막을 수 없지만, 자바스크립트나 CSS 코드를 사용하여 복사 및 붙여 넣기 작업을 최소화하고 방지할 수 있습니다.

 

복사 및 붙여 넣기 방지하는 2 가지 유형

  1. CSS 사용
  2. JAVASCRIPT 사용

 

CSS로 방지 방법

Blogger를 열고 테마 > HTML 편집 을 클릭 한 다음 아래 단계를 따릅니다.

Blogger 테마 메뉴에서 HTML 편집으로 이동합니다.

Ctrl + F 로 ]]></b:skin> 또는 </style> 를 검색하여 코드 위쪽에 다음 코드를 붙여넣기 후 배치 합니다.

.post-body {
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

위의 CSS 코드에서 사용할 수 있는 속성은 다음과 같습니다.

  1. none : 텍스트를 복사하여 붙여 넣을 수 없습니다.
  2. text : 텍스트를 선택할 수 있습니다.
  3. all : 모든 텍스트를 선택합니다.

마지막으로 테마를 저장 한 후 드래그 방지 및 복사 붙여넣기 기능이 작동하는지 확인해보세요.

 

JAVASCRIPT로 방지 방법

두 번째 방법은 자바 스크립트를 사용하는 방법입니다. html 편집 페이지에서 먼저 나가지 마세요.

Ctrl + F 로 </head> 또는 </body> 를 검색하여 검색한 코드 위에 jQuery 코드가 있는지 확인합니다.

코드가 없다면 삽입해야합니다. 템플릿에 이미 이와 같은 코드가 있는 경우 이 단계를 건너 뛰어도 됩니다.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js'/></script>

 

다음으로 </body> 태그를 찾으십시오.

</body> 태그 위쪽에 다음 코드를 복사하여 붙여 넣으십시오.

<script>
  $(document).ready(function(){$(document).bind("contextmenu",function(a){a.preventDefault()})});function keypressed(){return false}document.onkeydown=keypressed;
</script>

테마를 저장 한 후 드래그 방지 및 복사 붙여넣기 기능 작동 유무를 확인해보세요.

 

Blogger에서 복사 및 붙여 넣기 방지 방법에 대해 알아보았습니다.

위의 두 가지 옵션 중 하나를 사용하십시오. 필요하다면 두 가지 옵션을 모두 사용해도 됩니다. 블로그에 부담을 주지 않으려면 CSS를 사용하는 것이 좋습니다.

You may like these posts

  • 모바일 안드로이드(Android)와 아이폰(iOS) 에서 브라우저 주소창이 나오는 상단바의 배경색을 설정할 수 있습니다. meta 태그를 이용해서 자신의 웹 사이트의 테마 색상과 일치시키면 방문자에게 만족스러운 모바일 서비스를 제공할 수 있습니다. 취향에 따라 색상을 마음대로 설정할 수 있습…
  • Blogger에서 404 에러 페이지가 발생하는 이유는 블로그에서 관련 링크를 삭제하거나 또는 검색 엔진이 블로그에 있는 글의 URL을 잘못 크롤링하여 발생할 수 있습니다. 이와 같은 오류가 발생한 URL은 다음과 같은 방법으로 해결 할 수 있습니다. 오류가 발생한 URL을 블로그 …
  • CSS는 HTML 또는 XHTML을 기반으로 하는 블로그나 웹 사이트의 중요한 구성 요소 중 하나입니다. HTML만으로 웹 페이지를 표시하기에는 충분하지 않기 때문에 HTML의 모양새를 개선하기 위해서 CSS가 꼭 필요합니다. 반대로 HTML 없이 CSS만 사용하도 페이지가 표시되지…
  • Live Demo Voice Stop Google Voice 음성 지원은 방문자가 목소리와 함께 웹을 검색하고 읽을 수 있게 해줍니다. 이 포스팅에서는 블로그에 음성 안내 지원 기능을 추가하는 방법에…
  •   비밀번호 설정, 암호 설정하기 Blogger에서 누구에게나 공개 되지 않는 개인적인 글을 작성해야 한다면, 비밀번호로 페이지를 잠가서 아무도 페이지의 내용을 볼 수 없도록 할 수 있습니다. 이 포스트에서는 블로거에서 비밀번호로 게시물이나 페이지를 보호하는 방법을 …
  • 안드로이드에서 구글 블로그 모바일 앱 사용하기 구글 블로그 모바일 앱을 사용하면 블로그 게시글을 게시, 수정할 수 있습니다. 안드로이드 사용자는 누구나 이 앱을 다운로드하여 언제 어디서나 Blogger 앱로 포스팅을 게시할 수 있습니다. 또는 게시글을 임시보관 글로 저장한 다음에 나중에 다시 …

Post a Comment