Gambar pada posting blog dapat kita edit atau modifikasi untuk menambah kesan menarik pada gambar dan posting blog. Salah satunya adalah membuat efek bayangan pada gambar yang sudah pernah kami tuliskan pada posting sebelumnya. Pada kesempatan ini kami akan memberikan efek kembali pada gambar posting dengan memberikan efek transparan ketika kursor diarahkan ke gambar tersebut.
Gambar transparan ini berfungsi ketika kursor diarahkan ke gambar saja dan berlaku untuk gambar posting saja. Langsung saja berikut langkah cara membuat efek transparan pada gambar posting blog :
1. Login akun blogger Anda.
2. Pilih menu tab Tema >> Klik Edit HTML.
3. Kemudian cari kode .post-body img (Gunakan Ctrl+F untuk mempermudah pencarian).
4. Tambahkan kode berikut tepat diatas kode .post-body img
Ganti nilai 0.5 untuk tebal atau tidaknya efek transparan pada gambar.
5. Kalau sudah Simpan tema.
Nah, itu tadi cara membuat efek transparan pada gambar posting blog. Kalau Anda tertarik bisa diterapkan pada blog untuk memberikan efek transparan dan membuat blog menjadi lebih variatif serta tidak membosankan. Semoga bermanfaat!
Gambar transparan ini berfungsi ketika kursor diarahkan ke gambar saja dan berlaku untuk gambar posting saja. Langsung saja berikut langkah cara membuat efek transparan pada gambar posting blog :
1. Login akun blogger Anda.
2. Pilih menu tab Tema >> Klik Edit HTML.
3. Kemudian cari kode .post-body img (Gunakan Ctrl+F untuk mempermudah pencarian).
4. Tambahkan kode berikut tepat diatas kode .post-body img
.post-body img:hover {
-moz-opacity:0.5;
-khtml-opacity:0.5;
opacity:0.5;
}
Keterangan :-moz-opacity:0.5;
-khtml-opacity:0.5;
opacity:0.5;
}
Ganti nilai 0.5 untuk tebal atau tidaknya efek transparan pada gambar.
5. Kalau sudah Simpan tema.
Nah, itu tadi cara membuat efek transparan pada gambar posting blog. Kalau Anda tertarik bisa diterapkan pada blog untuk memberikan efek transparan dan membuat blog menjadi lebih variatif serta tidak membosankan. Semoga bermanfaat!
