Cara Memasang Watermark Pada Gambar Artikel Blog Valid Amp Html
- Cara Memasang Watermark pada Gambar Artikel Blog Valid AMP HTML, Watermark dalam pengertianya ialah sebuah tanda yang dibentuk manual pada sebuah gambar maupun video. Watermark fungsinya untuk melindungi gambar kita dari orang yang sembarangan mengambil gambar milik kita untuk di klaim olehnya.
Umunya, watermark pada gambar ditandai dengan logo ataupun nama pemegang hak cipta gambar. Para blogger pun sering memasang watermark biar gambar yang ia upload tidak sembarangan diambil orang. Biasanya di edit pribadi dengan memakai aplikasi photoshop, dsb.
Untuk Anda para blogger, yang 'malas' mengedit gambarnya tanpa watermark sebelum di upload,kita akali dengan memakai aba-aba CSS.
Coba Anda lihat demonya pada gambar di bawah ini, ada tanda watermark dengan nama blog ini "www.bloggerntt.com"
Bagaimana Cara Memasang Watermark pada Gambar Artikel Blog Valid AMP HTML?
- Pertama, login ke dashboard blogger Anda
- Masuk ke hidangan tema, kemudian edit template.
- Anda copy paste aba-aba CSS berikut ini, dan taruh sesudah kode
<style amp-custom='amp-custom'>.
/* Watermark Bloggerntt Star */ .post-body amp-img{border:1px solid #ddd;border-radius:2%;padding:5px;max-width:100%}.post-body amp-img:hover{opacity:1;-webkit-animation:flash 1.5s;animation:flash 1.5s}@-webkit-keyframes flash{0%{opacity:.4}100%{opacity:1}}@keyframes flash{0%{opacity:.4}100%{opacity:1}}.post-body amp-img:after{content:"\00a9 BloggerNTT";position:absolute;bottom:8px;left:16px;font-size:10px;background-color:#fff;color:#000;text-align:center;border-style:solid;border-width:1px;margin:2px;padding:0 5px;opacity:.5;text-transform:uppercase} /* Watermark Bloggerntt End */ - Perhatikan aba-aba yang aku mark di atas, ganti dengan nama blog Anda.
- Terakhir save template.
- Selamat bereksprimen.