Selasa, 09 Juni 2015

Buat Background Blog Gambar Menjadi penuh merata

 Saya akan sedikit membahas trik agar gambar background pada css menjadi full satu layar. Banyak dari teman-teman sering kecewa disaat mengganti Bacground blognya terkadang tidak sesuai yang diharapkan, Tentunya dengan ukuran gambar apapun akan bisa diterapkan pada blog kita.
Triknya sangat mudah kita hanya perlu satu property yaitu "background-size:".Yaps itulah property untuk membuat gambar pada latar background menjadi layar penuh. Saya akan beri sedikit contoh:

body {background: url(http://alamat gambar kamu.com);margin:0;padding:0;background-size:100% 100%}


Sobat bisa mengganti angka 100% menjadi berapapun semau sobat,tapi kalau ukuran satu layar penuh makan gunakan background-size:100% 100%.Property background-size bisa digunakan diberbagai element css contoh di header,content,post dll.
Memang secara kualitas gambar menjadi sangat menurun,tapi bagi saya sudah cukup lumayan bagus. Yang penting sobat tidak repot membuat gambar dengan ukuran yang sangat besar.

Untuk masalah loading juga lumayan ringan sob,jadi tak ada salahnya jika sobat berkreasi membuat sesuatu yang baru dengan css.Demikian sobat postingan saya hari ini,semoga bermanfaat untuk sobat. 

Semoga bermanfaat...!

Penulis : Ian Irman
Disaat waktu ini bermanfaat bagi sesama, disitulah aku mulai menulis.
Semoga Artikel ini berguna bagi para Sahabat....Terima Kasih.

0 komentar:

Posting Komentar