Cara Membuat Watermark Gambar Otomatis Di Postingan Blog
Nikamicode - Cara Membuat Watermark Gambar Otomatis Di Postingan Blog Watermark Merupakan sebuah tanda air atau merek yang biasa nya suka ada di tampilan file gambar saat poto atau logo lain nya.
Watermark yang kali ini bahas ada watermark untuk postingan Blogger kita agar terlihat lebih menarik watermark ini juga saya pakai jadi kalian ga perlu repot lagi edit gambar dan kasih watermark manual karena kali ini saya share watermark otomatis jadi setiap kita posting gambar watermark akan secara otomatis terpasang.
Bagaimana tertarik bukan untuk mencoba nya oke kalo gitu mari simak bagaimana cara memasang watermark nya di Blogger
Cara Membuat Watermark Gambar Otomatis Di Postingan Blog
1. Masuk ke Blogger.com
2 Kemudian ke Dasboard Tema > Edit Tema
3. Lalu masukan kode dibawah ini tepat diatas ]]></b:skin>
.img-thumbnail{position:relative;}.img-thumbnail::before{content:"Nikamicode";z-index:99;color:#fff;font-size:12px;position:absolute;text-transform:capitalize;right:0;bottom:0;border:1px solid $(header.background.kiri);border-radius:10px 0 0 0;background:$(header.background.kiri);padding:6px;height:10px;line-height:14px;}
.separator{position:relative;}.separator::before{content:"Nikamicode";z-index:1;color:#fff;font-size:12px;position:absolute;text-transform:capitalize;right:0;bottom:7px;border:1px solid $(header.background.kiri);border-radius:10px 0 0 0;background:$(header.background.kiri);padding:6px;height:10px;line-height:14px;}
Perhatikan Kode CSS diatas
1. Warna oren yang saya tandai : Nikamicode ganti dengan nama watermark sobat.
2. Untuk merubah warna belakang silahkan ganti $(header.background.kiri) ke kode warna yang sobat inginkan, contoh #7bbefa. Untuk pengguna template Viomagz ga perlu ribet-ribet ganti kode warna, karena CSS tersebut sudah saya modifikasi agar mengikuti warna Header Kiri sobat.
1. Warna oren yang saya tandai : Nikamicode ganti dengan nama watermark sobat.
2. Untuk merubah warna belakang silahkan ganti $(header.background.kiri) ke kode warna yang sobat inginkan, contoh #7bbefa. Untuk pengguna template Viomagz ga perlu ribet-ribet ganti kode warna, karena CSS tersebut sudah saya modifikasi agar mengikuti warna Header Kiri sobat.
Baiklah itulah artikel kali ini tentang membuat watermark otomatis di postingan ya gaes jika ada pertanyaan atau request bisa komentar di bawah ini dan jangan lupa beri vote nya yah. See you next time
Belum ada Komentar untuk "Cara Membuat Watermark Gambar Otomatis Di Postingan Blog"
Posting Komentar