cara memproteksi gambar dengan watermark

Langkah awal seperti biasa klik Design lalu EDIT HTML dan seterusnya
menempatkan kode CSS

    .watermark {  
     background: #000 url(watermark.jpg);  
     width: 500px;  
     height: 341px;  
     margin: 0 auto;  
     display: block;  
     position: relative;  
    }  
    .watermark img.blank {  
     width: 100%;  
     height: 100%;  
     display: block;  
     position: absolute;  
     left: 0;  
     top: 0;  
    }  
    .watermark img{  
     filter:alpha(opacity=90);  
     opacity:.90;  
    } 

SAVE TEMPLATE

menempatkan kode HTML atau kode pemanggil

    <div class="watermark">  
     <img class="blank" src="https://blank.gif" alt="" />  
     <img src="URL-IMG yg akan di proteksi" alt="" />  
    </div>  

PUBLISH POST

penjelasan!

Teknik ini sebenarnya tidak 100% dapat memproteksi gambar anda, karena hanya menyembuyikan gambar asli dengan image_blank. jadi ketika di ctrl + U , sumber gambar masih dapat dicopy.

cara memproteksi gambar dengan watermark

Posted by: Risalahati Dedic Ahmad Updated at: 22:18