Cara Membuat Watermark Otomatis pada Gambar di Blogger

Watermark banyak dijumpai di berbagai situs atau blog, baik situs komersial maupun blog pribadi. Seperti halnya blog Arsipbiru yang telah memasang watermark di kanan gambar. Walaupun watermark ini tidak menempel di dalam gambar tersebut, tetapi dengan adanya watermark di kanan gambar tersebut mampu mempercantik sebuah blog. Satu hal lagi, sebelum membuat watermark otomatis ini, alangkah baiknya gambar yang ada di blog merupakan gambar murni hasil karya Anda.

Lebih lanjut, untuk pembuatannya sendiri terbilang cukup mudah dan tidak merepotkan. Sehingga Anda tidak perlu khawatir untuk memasang watermark di blog Anda sendiri, sebab script yang dibutuhkan hanya menggunakan CSS. Terlebih lagi script tersebut hanya terdiri dua baris. Apabila Anda tertarik, silahkan simak baik-baik langkah-langkahnya berikut ini.

Cara Membuat Watermark Otomatis pada Gambar di Blogger

1. Login ke Blogger > pilih Tema > Edit HTML.
2. Masukan kode berikut ini di atas atau sebelum ]]></b:skin>.

/* Watermark Otomatis pada Gambar */
.separator {position:relative}
.separator::before {content:'Arsipbiru.com';position:absolute;right:0;bottom:0;display:flex;font-size:10px;font-weight:bold;color:#fff;z-index:1;border-top-left-radius:10px;background-color:#3a3a3a;padding:5px 7px;opacity:.7}

4. Setelah itu, klik Simpan.
5. Selesai.

Note:
1. Perhatikan nama Arsipbiru.com, silahkan ganti dengan nama blog atau nama watermark Anda.
2. Untuk mengubah warna background yang ingin Anda gunakan, silahkan ganti #3a3a3a dengan warna sesuai dengan keinginan Anda.

Berikut contoh hasil dari pemberian watermark otomatis pada gambar di blogger.