×

Owner / Author / Admin / etc

    Rahman NM    

"Pada halaman web ini saya akan membagikan informasi informasi menarik seputar Anime, Manga, Game, Film, dan juga berbagai tips-tips menarik lainnya."

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. 

Creativity of codes and exploiting, with code we can do something fun.
Facebook Instagram Twitter
Show Comments!
Hide comments

7 Responses to "Cara Mudah Membuat Watermark Otomatis di Gambar Postingan Blog"

Kebijakan berkomentar :

Berkomentarlah dengan tata bahasa yang baik, agar orang tau sebijak apa karakter anda melalui kata-kata,

Silahkan berkomentar apapun selagi masih berhubungan dengan halaman postingan ini,

Dilarang berkomentar menggunakan Link Aktif,

Centang Notife Me agar mendapatkan notifikasi balasan komentar admin melalui Email.

  1. Oh ternyata begitu ya gan caranya, mudah di ikutin tutornya jadi tidak harus edit foto satu persatu.👍

    ReplyDelete
    Replies
    1. Iya mas, lebih efisien juga

      Makasih udah berkunjung mas

      Delete
  2. Terimakasih banyak sudah berbagi :D dari dulu saya cari cara watermark seluruh gambar blog.

    ReplyDelete
  3. Aku juga nerapin cara ini di blog untuk gambar yang langsung comot tanpa jalur manipulasi.

    Kalau gambar yang saya sendiri buat biasanya naruh wm langsung di gambar biar afdol :v..

    ReplyDelete
    Replies
    1. Naruh wm langsung anti rampok ya :v

      Makasih udah berkunjung

      Delete
  4. Keren Info nya mastah. visit juga ya Www.bcaland.blogspot.com

    ReplyDelete

Iklan Atas Artikel

Iklan Tengah Artikel

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Copyright © 2017 - 2020 Anirock Site - All Rights Reserved Created With