Cara Mudah Membuat Watermark Otomatis di Gambar Postingan Blog

Pada tutorial kali ini saya akan membagikan sebuah tips bagaimana cara membuat watermark (WM) digambar postingan blog.

Watermark merupakan sebuah logo atau tanda yang kita gunakan untuk sebuah gambar, bukan hanya gambar saja, video juga sering diberi watermark untuk menghindari pencurian Video, tentunya kamu tidak mau bukan kamu yang bikin sebuah karya berjam jam bahkan sampe berhari hari tiba tiba dicuri oleh orang lain.

Dengan membuat watermark otomatis untuk blog tentunya kita tidak perlu lagi repot repot mengedit gambar yang akan kita posting, tentunya cara ini jauh lebih praktis. Yuk langsung saja bagaimana cara membuat watermark otomatis pada blog.

Cara Membuat Watermark Pada Gambar Postingan Blog

1. Login dulu ke Blogger,
2. Pada menu blogger, pilih Tema > Edit HTML,
3. Cari kode </b:skin> atau </style>, kemudian Copy kode CSS dibawah ini dan letakkan tepat diatas kode yang disebutkan sebelumnya,

   .separator {
   position:relative
   }
   .separator::before {
   content:"NAMA_BLOG";
   z-index:99;
   color:#fff;
   font-size:12px;
   position:absolute;
   text-transform:capitalize;
   right:25px;
   bottom:7px;
   border:1px solid #3a3a3a;
   border-radius:10px 10px 0 0;
   background:#3a3a3a;
   padding:4px;
   opacity:.8;
   height:14px;
   line-height:14px
   }

4. Pada teks "NAMA_BLOG", ganti dengan nama blog kamu, Kemudian simpan.

Nah bagi kamu yang menggunakan template AMP juga bisa menggunakan watermark, bagaimana caranya ? perhatikan kode dibawah ini, sedikit berbeda untuk template biasanya, disini saya anggap kamu udah login blogger, masuk ke menu edit html ya.

1. Cari kode berikut <style amp-custom='amp-custom'>, kemudian copy kode dibawah ini dan letakkan tepat dibawah kode yang disebutkan sebelumnya,

   .post-body amp-img:after {
   content:"NAMA_BLOG";
   z-index:99;
   color:#fff;
   font-size:12px;
   text-transform:Capitalize;
   position:absolute;
   right:25px;
   bottom:7px;
   border:1px solid #3a3a3a;
   border-radius:10px 10px 0 0;
   background:#3a3a3a;
   padding:4px;
   opacity:.8;
   height:14px;
   }

2. Pada teks "NAMA_BLOG", ganti dengan nama blog kamu, Kemudian simpan.

Itulah tutorial bagaimana cara membuat watermark pada gambar postingan blog baik itu template AMP maupun non AMP, dan sekedar catatan saja, disaat seseorang mengunduh gambar pada postingan blog kamu, watermark tersebut akan hilang atau tidak ada.