Friday, February 22, 2013

cara membuat backround blog berwarna gradient

Badar Wildanie February 22, 2013

warna gradien adalah gabungan dua warna yang dijadikan 1 tapi ya gak sampai berubah warnanya, emang pewarna..,, hahaha, sudah guyonnya, untuk jelasnya seperti gambar disamping atau background blog admin

sekarang kita akan mengubah background blog menjadi warna gradien, tentu saja gradien sudah menjadi daya tarik tersendiri bagi pengunjung, Kita bisa membuat berbagai macam background semisal dengan menambahkan warna, gambar, atau keduanya. Namun ada cara yang lebih menarik lagi dalam mendesain background agar terlihat lebih bagus dan lebih menarik, yaitu dengan cara membuat background warna gradient. Untuk membuatnya kita bisa menggunakan kode html disertai selector CSS, atau bisa juga menggunakan CSS saja.

kita dapat merubah background menjadi gradien dengan menambahkan kode dibawah pada tag <body>

jadi tag body akan menjadi seperti ini :
<body style="background: #000;
background: -moz-linear-gradient(top, #009900, #000000);
background: -ms-linear-gradient(top, #009900, #000000);
background: -o-linear-gradient(top, #009900, #000000);
background: -webkit-linear-gradient(top, #009900, #000000);
background: linear-gradient(top, #009900, #000000);>

keterangan :
#000 adalah warna asli jika browser tidak mendukung gradient, namun sudah kebanyakan browser mendukung gradien
#009900 adalah warna atas
#000000 adalah warna bawah