Cara Membuat Watermark Otomatis pada Gambar Blog AMP Mudah!

Cara Membuat Watermark Otomatis pada Gambar Blog AMP Mudah!

Cara Membuat Watermark Otomatis pada Gambar Blog AMP Mudah! – Penggunaan watermark biasa digunakan sebagai penanda bahkan lisensi dari sebuah gambar maupun video. Begitu juga pada artikel suatu website atau blog, watermark yang terdapat pada sebuah gambar di artikel menandakan bahwa gambar tersebut memiliki hak cipta dari pemilik blog/website.

Watermark ini berupa sebuah logo atau brand yang di tempel pada bagian tepi, tengah, atau bagian lain pada foto, gambar ataupun video yang dipublikasikan di internet.

Secara umum watermark dapat di buat manual menggunakan aplikasi-aplikasi edit foto maupun video dengan menempelkan gambar logo kita ke konten tersebut kemudian posisikan ke posisi yang tepat.

Namun cara membuat watermark secara manual terkadang juga membosankan dan membuat penat, apalagi jika gambar yang hendak kita masukkan ke artikel berjumlah banyak.

Nah untuk mengatasi permasalahan tersebut ternyata kamu juga dapat membuat watermark pada gambar blog AMP secara otomatis loh. namun watermark yang dibuat otomatis disini hanya terlihat jika gambar tersebut di view melaui blog, dan jika gambar tersebut di unduh maka watermark ini tidak akan muncul.

Cara Membuat Watermark Otomatis pada Gambar di Blog AMP

1. Buka dashboard blogger.

2. Pergi ke Tema > Edit HTML.

3. Letakkan kode berikut ini dibawah kode <style amp-custom=’amp-custom’>

/* Watermark Bangopit.id */
.post-body amp-img:after {
content: "TEXT WATERMARK";
position: absolute;
bottom: 8px;
left: 16px;
font-size: 10px;
background-color: white;
color: black;
text-align: center;
border-style: solid;
border-width: 1px;
margin: 2px;
padding: 0px 5px 0px 5px;
opacity: 0.5;
text-transform: uppercase;
}

Ganti “TEXT WATERMARK” dengan nama blog kamu atau brand mu.

4. Simpan Tema

Wah, singkat dan mudah sekali bukan langkah-langkah cara membuat watermark otomatis di gambar blog AMP. Jika cara diatas telah kamu lakukan maka selanjutnya tinggal cek langsung di blog AMP kamu akan muncul otomatis watermarknya. Semoga bermanfaat.

Leave a Reply

Your email address will not be published. Required fields are marked *