Cara Membuat Watermark Otomatis Pada Gambar Di Blogger – JagoanQue

Cara Membuat Watermark Otomatis Pada Gambar Di Blogger – JagoanQue


Cara Membuat Watermark Otomatis Pada Gambar Di Blogger – JagoanQue – Watermak adalah sebuah tanda air yang berada di sebuah file gambar ataupun video. Fungsi dari watermark sendiri juga bisa disangkutkan dengan orang yang telah membuat foto ataupun video. Maka dari itu banyak yang menggunakan watermark agar orang lain tahu siapa yang telah membuat foto atau video tersebut

Seperti blog JagoanQue yang sudah memasang watermak di kanan foto thumbnail. Walaupun watermak ini tidak menempel di dalam foto tersebut tetapi dengan adanya watermak di kanan foto mampu mempercantik sebuah blog. Dan di dalam foto thumbnail juga sudah saya siapkan tumbnail yang sudah di-edit sebelumnya

Untuk pembuatannya sendiri juga cukup mudah dan tidak merepotkan, jadi anda tidak perlu khawatir jika memasang watrermak di blog anda sendiri, dikarenakan script yang sudah dibuat hanya menggunakan CSS apalagi script yang hanya dua baris. Daripada lama – lama langsung saja anda simak tutorialnya di bawah ini

Cara Membuat Watermark Otomatis Pada Gambar Di Blogger – JagoanQue

1. Login ke akun “Blogger” anda 

2. Kemudian cari menu “Tema” Lalu “Edit HTML

3. Masukan kode yang sudah saya berikan di bawah ini kemudian letakkan diatas atau sebelum ]]></b:skin>

.img-thumbnail{position:relative;}.img-thumbnail::before{content:"JagoanQue";z-index:99;color:#fff;font-size:12px;position:absolute;text-transform:capitalize;right:0;bottom:0;border:1px solid #2196F3;border-radius:10px 0 0 0;background:#2196F3;padding:6px;height:10px;line-height:14px;}
.separator{position:relative;}.separator::before{content:"JagoanQue";z-index:1;color:#fff;font-size:12px;position:absolute;text-transform:capitalize;right:0;bottom:7px;border:1px solid #2196F3;border-radius:10px 0 0 0;background:#

4. Setelah itu klik “Simpan

5. Selesai.

Note : 

1. Warna hijau yang saya tandai : JagoanQue ganti dengan nama blog atau nama watermark anda 

2. Untuk merubah warna yang ingin anda pakai silahkan ganti #2196F3 dengan warna sesuai dengan keinginan anda