Cara Membuat Watermark Otomatis pada Foto di Blogspot

[Show]

Menambahkan watermark (tanda air) pada foto adalah cara efektif untuk melindungi hak cipta dan kredibilitas konten visual kamu. Walaupun Blogspot tidak memiliki fitur bawaan untuk watermark otomatis, ada beberapa solusi praktis yang bisa kamu terapkan.

✅ 1. Menambahkan Watermark Secara Manual Sebelum Upload

Ini adalah cara paling aman dan fleksibel.

🔧 Alat yang bisa digunakan:

Canva (gratis & mudah)
Photopea (online seperti Photoshop)
Photoshop (jika kamu advanced)
Aplikasi HP: Snapseed, PicsArt, dll.

📌 Langkah Cepat di Canva:

Buka Canva > pilih template foto ukuran custom.
Upload foto kamu.
Tambahkan teks/logo watermark transparan.
Simpan dan unggah ke Blogspot.

✅ 2. Menggunakan HTML + CSS untuk Watermark Otomatis

Jika kamu tidak ingin repot membuat watermark secara manual, kamu bisa menyisipkan CSS overlay yang akan tampil di atas setiap gambar.

💻 Contoh Kode HTML + CSS:

<div class="img-watermark">
  <img src="URL-GAMBAR.jpg" alt="Foto Artikel" loading="lazy" />
  <span class="watermark">© NamaBlog</span>
</div>

<style>
.img-watermark {
  position: relative;
  display: inline-block;
}
.img-watermark img {
  display: block;
}
.img-watermark .watermark {
  position: absolute;
  bottom: 8px;
  right: 10px;
  background: rgba(0,0,0,0.5);
  color: white;
  font-size: 12px;
  padding: 2px 6px;
  border-radius: 4px;
  pointer-events: none;
}
</style>

🎯 Kelebihan:

Tidak merusak gambar asli.
Bisa diterapkan di semua postingan dengan layout seragam.

📌 Kekurangan:

Watermark tidak melekat secara permanen (bisa diambil jika diunduh langsung via gambar).

✅ 3. Gunakan Layanan Watermark Otomatis

Untuk kamu yang upload banyak gambar, bisa menggunakan tool online watermark otomatis seperti:

📁 Kamu bisa upload banyak gambar sekaligus, tambahkan logo atau teks watermark, lalu unduh semua hasilnya untuk diunggah ke Blogspot.

✅ 4. Gunakan Google Photos + CSS Overlay

Jika kamu menyimpan gambar di Google Photos, kamu bisa tampilkan di blog dan overlay watermark menggunakan CSS. Ini cara hemat bandwidth dan watermark tidak tertanam ke file asli.

Namun pastikan gambar Google Photos kamu di-set ke public/shareable.

✍️ Tips Desain Watermark yang Efektif

Kriteria	Saran Praktis
Ukuran	Kecil tapi terlihat jelas
Warna	Kontras dengan background (putih transparan biasanya aman)
Lokasi	Sudut kanan bawah atau tengah semi-transparan
Format	Gunakan PNG transparan untuk logo

🔐 Kesimpulan

Watermark adalah langkah penting untuk menjaga kepemilikan konten visual kamu di Blogspot. Meskipun tidak bisa benar-benar mencegah pencurian 100%, watermark akan: