Membuat Watermark Gambar Otomatis di Blog
Hallo semua, pada halaman ini saya akan membagikan cara membuat watermark otomatis pada gambar postingan blog. Dengan menerapkan cara ini kamu tidak perlu lagi repot-repot untuk mengeditnya secara manual.
Sebelum ke inti, saya akan sedikit menjelaskannya terlebih dahulu. Apa itu watermark? watermark adalah sebuah hak cipta berupa logo atau tulisan terkait siapa yang membuatnya.
Sebagai contoh kalian bisa melihat gambar pada postingan ini, disitu saya mencantumkan www.media903.com yang menandakan gambar tersebut milik blog ini. Jika kamu tertarik silahkan ikuti langkah-langkahnya dibawah ini:
Membuat Watermark Gambar Otomatis di Blog
Buka dashboard blogger > tema > edit html lalu salin css dibawah ini dan letakan diatas kode </style> atau ]]</b:skin>
.post-body .separator{
position:relative!important
}
.post-body .separator:before{
bottom:7px
}
.post-body .separator:before{
content: 'Media 903';
position: absolute;
right: 0;
bottom: 8px;
display: flex;
font-size: 10px;
font-weight: bold;
color: #fff;
z-index: 2;
border-top-left-radius: 10px;
background-color: #3a3a3a;
padding: 5px 7px;
opacity: .7;
}
Ganti yang saya tandai dengan nama blog kalian. Jika sudah silahkan simpan dan lihat hasilnya.
Untuk mengubah warna backrgound silahkan ganti #3a3a3a Jika tidak tahu kode warna bisa menggunakan tool color picker.
Penutup
Dikarenakan cara ini hanya menggunakan css maka watermark yang ditampilkan tidak permanen, artinya ketika gambar di download watermarknya tidak akan ikut atau tidak ada. Agar gambar blog kamu lebih aman silahkan baca juga cara melindungi gambar pada postingan blog.
Sekian pembahasan kali ini jika ada yang ingin ditanyakan jangan ragu untuk menuliskannya pada kolom komentar. Dan baca juga artikel lainnya untuk mendapatkan informasi dan tips seputar blogging.
Post a Comment