[블로그] 티스토리 블로그 특정 부분만 드래그 허용

++ 2024.02.24
티스토리 블로그 테마를 정상우 개발자님의 hELLO 테마로 변경함에 따라 아래 내용은 지금 보이는 글과 다를 수 있습니다.

티스토리 블로그 처음 만들 때, 마우스 오른쪽 클릭 방지 플러그인을 보통 사용한다고 해서 사용했다.

해당 플러그인을 사용하면 블로그 글을 복사해서 붙여 넣지 못하도록 해준다. (크롬을 사용한다면 개발자 모드에서 disable javascript를 하면 결국은 복사가 되는 건 안 비밀..) 

 

이걸 쓰니 내 글을 복사하는 걸 방지하기 때문에 아무렇게나 퍼가서 똑같이 쓸 수 없게 한다는 장점은 있지만, 나는 코드를 올리는 경우도 많기 때문에 코드블럭에서만 드래그를 허용하면 좋을 것 같다고 생각했다. (물론 아직은 내 글을 아무나 복사해서 사용할 일은 없을 것 같다만.., 그래도,,)

 

티스토리 블로그 특정 부분만 드래그 허용하는 방법

0. "마우스 오른쪽 방지 플러그인" 사용 해제

마우스 오른쪽 방지 플러그인을 사용하고 있으면, 사용해제를 하도록 하자.

설정한 적이 없다면 패스~

 

마우스 오른쪽 방지 플러그인 사용 해제

 

1. 블로그 설정 > 꾸미기 > 스킨 편집 > html 편집 > CSS

html 편집

CSS에 코드를 넣어줘야 하기 때문에 블로그 설정에서 html 편집으로 들어가자.

2. CSS 제일 밑에 아래의 코드 입력하기

CSS부분 제일 밑에 아래의 코드 붙여 넣고 적용을 누르자. 

 

/*블로그 글 드래그 금지 및 특정 부분 허용*/
code, pre, blockquote {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;user-select: text !important;
}
body {
    -webkit-user-select: none !important;
    -moz-user-select: -moz-none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

 

 

이렇게 하면 적용 끝이다!!

 

확인해 보면 코드블럭이나 인라인 코드블럭에는 드래그가 되고, 나머지 글에는 안 되는 것을 확인할 수 있다.