Cara Memasang Watermark pada Gambar Artikel Blog Valid AMP HTML

Cara Memasang Watermark pada Gambar Artikel Blog Valid AMP HTML

Cara Memasang Watermark pada Gambar Artikel Blog Valid AMP HTML


Bloggerntt.com - Cara Memasang Watermark pada Gambar Artikel Blog Valid AMP HTML, Watermark dalam pengertianya adalah sebuah tanda yang dibuat 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 agar gambar yang ia upload tidak sembarangan diambil orang. Biasanya di edit langsung dengan menggunakan aplikasi photoshop, dsb.

Untuk Anda para blogger, yang 'malas' mengedit gambarnya tanpa watermark sebelum di upload,kita akali dengan menggunakan kode 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 menu tema, lalu edit template.
  • Anda copy paste kode CSS berikut ini, dan taruh setelah 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 kode yang saya mark di atas, ganti dengan nama blog Anda.
  • Terakhir save template.
  • Selamat bereksprimen.
Sekian artikel Cara Memasang Watermark pada Gambar Artikel Blog Valid AMP HTML, semoga bermamfaat.
Blogger
Disqus
Pilih Sistem Komentar

No comments

۝ Peraturan dalam berkomentar :

☛ UpsS,. Budayakan berkomentar sesudah membaca artikel sob.
☛ Dilarang Menghina, Promosi (Iklan), Menyelipkan Link Aktiv, dsb.
☛ Dilarang berkomentar berbau Porno, Spam, Sara, Politic, Profokasi.
☛ Berkomentarlah yang Sopan,Bijak, dan Sesuai Artikel (Dilarang OOT)
☛ Saya sangat berterima kasih atas semua yang mau berkomentar diblog saya.
☛ Saya PASTI akan berkunjung balik ke blog Sobat yang sudah mau berkomentar di sini.

Copyright © 2018 - Blogger NTT® Bloggerntt.com✓

Advertiser