Cara Membuat Watermark Otomatis Pada Semua Gambar

Cara membuat watermark otomatis gambar blog

Watermark adalah elemen grafis atau teks yang ditempatkan pada gambar untuk menunjukkan hak cipta atau kepemilikan. Watermark sangat berguna bagi pemilik konten untuk melindungi gambar mereka dari penggunaan yang tidak sah atau pencurian.

Berikut langkah-langkah untuk menambahkan skrip CSS yang akan menambahkan watermark secara otomatis pada setiap gambar di postingan Blog:

Cara Pertama Auto Watermark Dengan Tulisan

Login ke akun Blogger anda
Klik menu Tema
Di bagian Tema, klik ikon Panah Bawah, lalu pilih Edit HTML
Copy dan Paste script berikut di atas kode ]]></b:skin> atau </style> :

<!-- auto watermark jamey.id -->
.post-body .separator{
    position:relative!important
}
.post-body .separator:before{
    bottom:7px
}
.post-body .separator:before{
    content: 'WATERMARK';
    position: absolute;
    right: 0;
    bottom: 8px;
    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;
}

Lalu klik Simpan dan lihat hasilnya.

Jangan lupa ganti tulisan WATERMARK dengan tulisan nama blog anda sendiri.

Cara Kedua Auto Watermark Dengan Gambar Atau Logo

Mirip seperti cara pertama, menambahkan watermark otomatis dengan gambar atau logo pada setiap gambar di blog anda. Berikut langkah-langkahnya:

Login ke akun Blogger anda
Klik menu Tema
Di bagian Tema, klik ikon Panah Bawah, lalu pilih Edit HTML
Copy dan Paste script berikut di atas kode ]]></b:skin> atau </style> :

<!-- auto watermark jamey.id -->
.post-body img {
      position: relative;
}
     .post-body img:after {
      content: url(https://URL-GAMBAR-WATERMARK-ANDA);
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      opacity: 0.5;
      pointer-events: none;
}

Lalu klik Simpan dan lihat hasilnya.

Jangan lupa ganti tulisan https://URL-GAMBAR-WATERMARK-ANDA' dengan URL watermark yang sudah anda siapkan sendiri.

Sekarang setiap kali Anda mengunggah gambar ke posting blog Anda, gambar tersebut akan otomatis ditandai dengan watermark yang telah Anda atur sebelumnya. Pastikan untuk memeriksa setiap posting blog dan pastikan bahwa watermark tampil dengan benar pada setiap gambar yang diunggah.

Menambahkan watermark pada setiap gambar di Blogger dapat membantu melindungi hak cipta Anda dan mengidentifikasi pemilik gambar. Dengan mengikuti langkah-langkah di atas, Anda dapat membuat watermark otomatis untuk setiap gambar yang diunggah ke blog Anda di Blogger. Selalu ingat untuk menggunakan watermark yang sesuai dan tidak mengganggu visibilitas gambar asli.