[Blogger] Chặn Không Cho Phóng To Hình Ảnh Trong Bài Viết

None Code 2.5.23

Hi mọi người, sau một hồi tìm hiểu nguyên lý về việc chặn không cho phóng to hình ảnh trong blogspot. Việc này chỉ nên áp dụng cho những blog đã loại bỏ file js và css mặc định của blogspot thôi nhé. Vì khi loại bỏ css và js mặc định của blogspot thì nó sẽ mất đi việc hình ảnh hiển thị ở dạng popup ở trong bài viết nhé. Và sẽ mỡ một tab mới để hiển thị hình ảnh đó.

[Blogger] Chặn Không Cho Phóng To Hình Ảnh Trong Bài Viết

Với thủ thuật này hoàn toàn đơn giản cho người dùng nhé. Với bộ code hoàn toàn đơn giản chứ không phức tạp gì nhiều, nhưng nó sẽ có chút ảnh hưởng đến tốc độ tải trang của bạn đấy nhé.
Chúng ta bắt đầu nhé.
Bước 1: Đặt link JS này ở sau thẻ <head> nhé.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

Bước 2: Để đoạn script này vào trên thẻ </head>

<script type='text/javascript'>
$(document).ready(function(){
$('.post-body a img:not(.clickEnabled)').click(function(e) {
    if (e.which === 1) {
        e.preventDefault();
    }
});
});
</script>

DEMO Ở BÀI VIẾT NÀY.
Như vậy đã xong, các bạn lưu lại và tận hưởng thành quả của mình nhé.

Khi copy bài viết từ blog vui lòng để lại nguồn để tôn trọng tác giả.

BLOGGER

Hướng dẫn bình luận

Mọi người để lại bình luận góp ý, nhận xét về những bài viết mà mình chia sẽ văn minh lịch sự hay kích động, Không spam, không chèn link quảng cáo, bán hàng, Không sử dụng từ ngữ thô tục, xúc phạm, kích động, Link chỉ được phép khi thực sự liên quan đến nội dung bài viết, Không mạo danh người khác hoặc sử dụng email giả, Bình luận vi phạm sẽ bị xóa không cần thông báo trước.
Mọi người lưu ý răng, nếu muốn chia sẽ code ở bình luần thì cần mã hóa code trước khi bỏ vào khung nhé. :)

⑴ Chèn ℂ𝕤𝕤 theo mẫu : [pre css] CSS [/pre]
⑵ Chèn ℍ𝕥𝕞𝕝 theo mẫu : [pre html] HTML [/pre]
⑶ Chèn 𝕁𝕒𝕧𝕒𝕤𝕔𝕣𝕚𝕡𝕥 theo mẫu : [pre js] Javascript [/pre]

🖼️ Chèn 𝕀𝕞𝕒𝕘𝕖 theo mẫu : [img] Link hình ảnh [/img]
🎞️ Chèn Video 𝕐𝕠𝕦𝕥𝕦𝕓𝕖 theo mẫu : [youtube] Link Youtube [/youtube]