Thủ thuật bảo vệ hình ảnh bằng html và css3 cho blogger

Đây là một thủ thuật tuyệt vời để bảo vệ images. Bạn có thể bảo vệ hình ảnh của bạn từ việc sao chép này với thủ thuật blog đơn giản với html và css áp dụng thủ thuật này người lưu hình ảnh sẽ có được một hình ảnh minh bạch thay vì những hình ảnh ban đầu.
Demo:
Cố gắng Lưu hình ảnh dưới đây

Bảo Vệ Hình Ảnh Của Bạn Với CSS Chồng Chéo

Tới Blogger Account Sử dụng các mẹo sau đây đã
<img src="Place image URL Here" />
<img border="0" src="http://i.imgur.com/eYKPf7b.png" alt="NetOops protected image" width="200" height="200" style="left: 0px; opacity: 0; position: relative; top: -216px;" />
Bạn có thể sử dụng mã này bất cứ nơi nào, nếu bạn muốn bảo vệ hình ảnh trong bài viết của bạn. Thêm hình ảnh và chuyển sang tab HTML và copy URL của hình ảnh (eg- http://3.bp.blogspot.com/-xxxxx/xxxxx/s1600/name-of-image.jpg) và dán vào mã đã đề cập ở trên Có bấy nhiêu thôi.

Bảo Vệ Hình Ảnh Của Bạn Với SPAN Nền

Sử dụng đoạn mã sau
<span style="background-image: url(Place image URL here)"><img src="http://i.imgur.com/eYKPf7b.png" width="200" height="200" border="0" alt="NetOops protected Image."></span>
Bạn đã xong..
Nếu bạn thích thì đừng tiếc 1 like, nếu bạn tốt hãy share bài này cho mọi người cùng biết
Tham khảo thêm:
Thủ thuật chống copy sao lưu hình ảnh cho blogger bằng jquery