Cara Membuat Watermark Gambar Otomatis di Blogger dengan CSS (Tanpa Edit Manual)

Halo semua! Pada artikel ini, saya akan membagikan cara menambahkan watermark secara otomatis pada gambar di postingan blog kamu. Dengan cara ini, kamu tidak perlu lagi mengedit gambar satu per satu secara manual untuk menambahkan hak cipta.

Apa Itu Watermark dan Mengapa Penting?

Watermark adalah tanda atau label hak cipta yang biasanya berbentuk teks atau logo yang ditambahkan pada gambar. Fungsinya adalah untuk menunjukkan bahwa gambar tersebut merupakan hasil karya pemiliknya, serta mencegah penggunaan ulang tanpa izin.

Kalau kamu tertarik membuat watermark otomatis juga, langsung ikuti langkah-langkahnya di bawah ini:

Langkah Membuat Watermark Gambar Otomatis di Blog

Buka dashboard blogger > tema > edit html lalu salin css dibawah ini dan letakan diatas kode </style> atau ]]</b:skin>

.post-body .separator{
    position:relative!important
}
.post-body .separator:before{
    bottom:7px
}
.post-body .separator:before{
    content: 'Media 903';
    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;
}

Catatan:

• Ganti teks 'Media 903' dengan nama blog kamu.
• Untuk mengubah warna latar belakang watermark, cukup ubah nilai #3a3a3a. Kalau kamu tidak tahu kode warna, bisa gunakan tool seperti color picker.

Keterbatasan Watermark CSS

Perlu kamu ketahui bahwa watermark ini hanya ditampilkan secara visual melalui CSS, bukan ditanam langsung di dalam gambar. Artinya, jika gambar diunduh oleh pengunjung, watermark tidak akan ikut terbawa.

Kalau kamu ingin hasil yang lebih aman, pertimbangkan juga untuk:

• Menambahkan watermark langsung ke gambar sebelum upload.
• Membaca artikel saya lainnya tentang cara melindungi gambar di blog dari pencurian.

Penutup

Itulah cara membuat watermark otomatis di blog Blogger menggunakan kode CSS. Cara ini cocok untuk kamu yang ingin menandai gambar dengan cepat dan efisien tanpa harus edit satu-satu.

Semoga tutorial ini bermanfaat. Kalau ada yang ingin kamu tanyakan, jangan ragu tulis di kolom komentar ya. Dan seperti biasa, jangan lupa baca juga artikel lainnya untuk mendapatkan tips menarik seputar blogging dan kustomisasi tampilan blog kamu.