Cách tắt chế độ Text Selection trên Blogspot

Trong bài viết này mình sẽ hướng dẫn các bạn cách tắt chế độ Text Selection trên [Blogspot], đây là một thủ thuật rất hữu ích mà các bạn cần nên biết để sử dụng cho trang blog của mình.

Thủ thuật này sẽ dành cho những ai đang sử dụng Blogger Dynamic Views và muốn tắt chế độ Text Selection cho các bài đăng trên blog của mình. Đây cũng là điều mà nhiều người dùng rất quan tâm và muốn tìm hiểu rõ hơn về thủ thuật này.

Do đó, mời các bạn cùng tham khảo qua các cách vô hiệu hóa chế độ Text Selection bằng CSS trên Blogspot mà mình sẽ hướng dẫn trong bài viết sau đây.

Cách tắt chế độ Text Selection thông qua CSS

Thủ thuật này sẽ bao gồm hai cách thực hiện, đầu tiên mình sẽ hướng dẫn các bạn cách đầu tiên trong mục dưới đây.

Bài viết này được đăng tại [free tuts .net]

Cách 1:

Bước 1: Bạn truy cập vào trang blog của mình, chọn phần Chủ đề > Tùy chỉnh

Bước 2: Tại cửa sổ mới hiện ra, trong menu bên trái bạn nhấn vào mục Nâng cao > chọn tùy chọn Thêm CSS.

Bước 3: Bây giờ bạn hãy sao chép đoạn mã dưới đây và dán vào ô nhập 'Thêm CSS tùy chỉnh':

.article-content {
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

Bước 4: Dán xong bạn bấm vào nút 'Áp dụng cho Blog' màu cam ở phía trên bên phải màn hình của bạn.

Bước 5: Giờ bạn hãy nhấn vào dòng chữ 'Xem Blog' ở bên trên màn hình để kiểm tra xem chế độ Text Selection đã bị vô hiệu hóa hay chưa.

Cách 2

Ngoài cách trên, bạn còn có thể áp dụng phương pháp thứ hai này với các bước thực hiện như sau:

Bước 1: Truy cập vào trang blog của bạn, nhấn vào phần Cài đặt > Bài đăng, nhận xét và chia sẻ > Bài đăng

Bước 2: Tại mục Bài đăng, bạn nhấn vào nút Thêm ở dòng Mẫu bài đăng

Bước 3: Giờ bạn hãy dán đoạn mã sau vào ô nhập ở mục Mẫu bài đăng:

<style>
.article-content {
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

</style>

Bước 4: Bây giờ bạn nhấn vào nút 'Lưu Cài đặt' màu cam ở phía trên bên phải màn hình để hoàn tất.

Với cách làm này thì khi bạn viết một bài đăng, mã này sẽ tự động áp dụng vào bài viết đó. Lưu ý là không nên xóa nó và giữ nó ở dưới cùng bài viết trên blog của bạn.

Vậy là mình đã vừa hướng dẫn các bạn cách tắt chế độ Text Selection trên Blogspot đơn giản nhất. Mong rằng bài viết này sẽ hữu ích đối với các bạn. Chúc các bạn thực hiện thành công!