Bagaimana Sich Caranya Membuat Backgroud Gambar Menjadi Transparant di blog? Tadi saya otak atik untuk membuat Backgroud di template Blog menjadi Transparant.Ternyata untuk membuat background Traparant tidak sesulit yang saya bayangkan.
Untuk lebih jauh lihat caranya dibawah ini :
Kode dasar yang di gunakan adalah untuk membuat backgroud Transparant adalah :
Dengan kode di atas background apa yang ingin anda buat transparant pasti akan menjadi transparant.
Untuk demonya adalah sebagai Contoh :
Kode di bawah ini sudah Tranparant jika di pasang di blog anda Tapi sayangnya backgroud yang di gunakan adalah gambar format Png saja.
Jika anda ingin menerapkan kode yang seperti di atas makan cara penerapannya akan menjadi :
Itulah Beberapa cara untuk Membuat Backgroud Gambar Menjadi Transparan.Mudah kan.tinggal sekarang hafalkan kode di atas biar anda tahu mana backgroud gambar anda yang akan anda bikin tranparant.
Untuk lebih jauh lihat caranya dibawah ini :
Kode dasar yang di gunakan adalah untuk membuat backgroud Transparant adalah :
filter:alpha(opacity=80);opacity:0.8;
Dengan kode di atas background apa yang ingin anda buat transparant pasti akan menjadi transparant.
Untuk demonya adalah sebagai Contoh :
Kode di bawah ini sudah Tranparant jika di pasang di blog anda Tapi sayangnya backgroud yang di gunakan adalah gambar format Png saja.
.mainmata h6{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirjzGG6R6uHKfnY4FXTeIRjc63NyiL2s-SkbmgtgwLSbYWWq89g4lxSwAhOxMLtxAKsd6FX9kNQeX-z5KlKGzHnYGlI0CnfGa31LkhoxnOnSWRqjGoi-ExjaZPsrk84kw6QrXJ90rXiLY/s1600/transparant.png);position:absolute;width:290px;font:bold 14px Arial;font-weight:700;line-height:25px;text-align:center;font-family:helvetica,arial,sans-serif;margin:0;padding:5px;bottom:22px}
Jika anda ingin menerapkan kode yang seperti di atas makan cara penerapannya akan menjadi :
.mainmata h6{background:#000;filter:alpha(opacity=80);opacity:0.8;position:absolute;width:290px;font:bold 14px Arial;font-weight:700;line-height:25px;text-align:center;font-family:helvetica,arial,sans-serif;margin:0;padding:5px;bottom:22px}
" Kedua trik di atas hasilnya akan sama saja. "
Itulah Beberapa cara untuk Membuat Backgroud Gambar Menjadi Transparan.Mudah kan.tinggal sekarang hafalkan kode di atas biar anda tahu mana backgroud gambar anda yang akan anda bikin tranparant.
Posting Komentar
Hallo sobat..Kami Senang! Apabila Anda mau meninggalkan Saran, kritik dan Opini tentang Artikel Blog Kami.