Cara Membuat Watermark Otomatis pada Gambar di Blog AMP

Watermark adalah sebuah tanda yang kita pakai untuk menandai sebuah gambar maupun video. Watermark biasanya pada gambar maupun video ditandai dengan text maupun logo sebuah perusahaan pemilik hak cipta.

Dalam proses pembuataannya, biasanya watermark ini dibuat secara manual, namun, pada kesempatan kali ini saya akan memberi tahu cara membuat watermark secara otomatis.

Dengan adanya cara ini tentunya akan sangat membantu, karena tidak perlu harus mengedit gambar satu persatu, apalagi jika gambar dalam jumlah banyak, pastikan sangat mengesalkan.

Baca Juga: Seberapa Penting Sih SSL Bagi Keamanan Website?

Namun, perlu diingat tutorial ini hanya untuk blog valid AMP dan watermark pada tutorial ini hanya akan terlihat jika gambar dilihat melalui blog saja, artinya jika kamu mendownload gambar tersebut, watermarknya tidak akan terlihat.

Jika kamu tertarik untuk membuatnya pada blog kamu, silakan simak tutorial dibawah ini langkah demi langkah bahasa kerennya sih step by step.

Cara Membuat Watermark Otomatis pada Gambar di Blog AMP

1. Buka dashboard blogger kamu.
2. Pilih menu Tema > Edit HTML.
3. Tempel kode di bawah, tepat di bawah kode <style amp-custom='amp-custom'>
/* Watermark Bangopit.id */
.post-body amp-img:after {
    content: "TEXT ANDA";
    position: absolute;
    bottom: 8px;
    left: 16px;
    font-size: 10px;
    background-color: white;
    color: black;
    text-align: center;
    border-style: solid;
    border-width: 1px;
    margin: 2px;
    padding: 0px 5px 0px 5px;
    opacity: 0.5;
    text-transform: uppercase;
}
 a. Jangan lupa untuk ganti "TEXT ANDA" dengan nama blog atau yang lain.
Itulah tutorial yang bisa sedikit bagikan, semoga berhasil membuatnya ya!