Cách tạo hình mờ tự động trên hình ảnh cho blogger

Xin chào các bạn, nhân dịp này mình sẽ chia sẻ cách tạo watermark tự động trên ảnh trong blogger bằng CSS.

Hình mờ là một dấu hiệu bản quyền có thể ở dạng chữ viết hoặc biểu tượng nhằm mục đích bảo vệ tác phẩm của chúng tôi để nó không thể được sử dụng lại hoặc phân phối mà không được phép. Hình mờ mà tôi sẽ chia sẻ ở đây sử dụng css, và sẽ tự động thêm hình mờ trên mọi hình ảnh trên blog, giống như hình mờ trên trang chủ trang bài đăng và các bài viết liên quan.

Nhưng hãy nhớ rằng hình mờ này chỉ sử dụng css có nghĩa là nó không vĩnh viễn, nếu hình ảnh của bạn được tải xuống thì hình mờ sẽ không đến hoặc nó sẽ không tồn tại, vì vậy nếu hình ảnh của bạn được tìm thấy trong trình duyệt thì hình ảnh của bạn không có hình mờ. Nó không phải là 100% hình ảnh của bạn có thể được bảo vệ bằng watermark này, chính xác hơn đây chỉ là để làm đẹp hình thức, nếu bạn muốn bảo vệ hình ảnh của mình, tôi khuyên bạn nên sử dụng trình chỉnh sửa ảnh để làm cho nó vĩnh viễn. và lưu ý rằng có thể không phải tất cả các mẫu đều có thể khớp với css này, vì mỗi mẫu có thể có một tên lớp hình thu nhỏ khác nhau, do đó, bạn cần có hiểu biết cơ bản về css ở đây vì bạn phải có thể điều chỉnh lớp theo mẫu bạn đang sử dụng, ok làm cho những bạn muốn làm cho nó, chúng ta hãy xem làm thế nào bên dưới.

Tạo hình mờ tự động trên hình ảnh trong Blogger

Tôi sẽ giải thích chi tiết cách tạo hình mờ tự động trong hình ảnh bài viết blog. Chỉ cần làm theo bước này.

• Đi tới Chủ đề - Chỉnh sửa HTML trên bảng điều khiển blogger.
• Sao chép mã CSS sau và đặt nó phía trên mã ]]></b:skin>

.postEntry .separator{position:relative}
.relatedPosts .itemThumbnail div{z-index:2}
.onPost .postEntry .separator:before{bottom:7px}
.postThumbnail a:before, .postEntry .separator:before,.relatedPosts .itemThumbnail > *:after{content:'The Taluat';position:absolute;right:0;bottom:0;display:flex;font-size:10px;font-weight:bold;color:#fff;z-index:2;border-top-left-radius:10px;background-color:#3a3a3a;padding:5px 7px;opacity:.7}

• Nhấp vào Lưu cho Bước cuối cùng.

Phần mà tôi đã đánh dấu. nó hữu ích và cảm ơn bạn đã ghé thăm

Nguồn: thetaluat.xyz