Cara Membuat Background Gambar Blog menjadi Transparan
Cara Membuat Background Gambar Blog menjadi Transparan
 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 :

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.

Post a Comment

Hallo sobat..Kami Senang! Apabila Anda mau meninggalkan Saran, kritik dan Opini tentang Artikel Blog Kami.

Lebih baru Lebih lama