vbn

Rp. 200.000

Read more »

BBC

Hello everyone, on this occasion I will share how to create automatic watermarks on images in blogger using CSS.

A watermark is a copyright sign that can be in the form of writing or a logo, which aims to protect our work so that it cannot be reused or distributed without permission.

The watermark that I will share here uses CSS, and will automatically add a watermark on every image on the blog, like it on the homepage of the post page and related posts.

but keep in mind this watermark only uses css which means it is not permanent, if your image is downloaded then the watermark will not be included or not present, as well as if your image is found in the browser then your image has no watermark.

so it's not 100% of your images can be protected with this watermark, more precisely this is just to beautify the appearance, if you want to protect your images I recommend using a photo editor to make it permanent.

and keep in mind that it is possible that not all templates can match this css, because each template can have a different thumbnail class name, so a basic css understanding is needed here because you have to be able to adjust the class to the template you are using, ok make those of you who want to make it, let's see how below.

---

Create Automatic Watermark On Images In Blogger

please go to blogger > themes > edit html copy the css below and place it above the code ]]></b:skin> if it is done don't forget to click save done

.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:'Kaily';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}

note:
the part I marked Kaily please change with the name of your blog, and if you are not using Our template you need to adjust the class in css

ok so that 's how to make automatic watermarks on images on blogger, hopefully it's useful and thank you for visiting.

© Source Code Copyright
https://www.kaily.in