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
Post a Comment
Post a Comment