Sebenernya udah ada fasilitas dari Blogger sih.. tapi kalo mau "nyeleneh" dikit boleh dong..
Kemaren di atas kan udah di bahas soal bikin "General CSS" tuh yang pake "Gadget HTML/JavaScript", nah kita coba utak-atik lagi siapa tau bisa buat ganti "background" juga.
- Kita samperin Gadget-nya terus click "Edit"
- Coba kita tambahin CSS background kaya di bawah:
Nambahinnya di sebelah mana aja yang penting masih ada
di dalam tag
Sedikit penjelasan tentang CSS di atas,
- body {} nandain kalo bagian "tag body"lah yang mau di atur style-nya
- Property yang ada di dalam kurung
- background: => kita mau nyeting style bagian background dari tag body
- black => warna background (bisa juga #000)
- url(ALAMAT GAMBAR) => tau lah..
- no-repeat => pilihan lainnya repeat, repeat-x, repeat-y
- fixed => berarti gambarnya diem gak ikut turun naek pas di gulung. Kebalikannya scroll
- center center => Posisi. Lebih lengkapnya baca di w3schools.com/css/css_background.asp
Kemaren di atas kan udah di bahas soal bikin "General CSS" tuh yang pake "Gadget HTML/JavaScript", nah kita coba utak-atik lagi siapa tau bisa buat ganti "background" juga.
- Kita samperin Gadget-nya terus click "Edit"
- Coba kita tambahin CSS background kaya di bawah:
- Code:
body {
background:black url(http://images2.layoutsparks.com/1/213500/peaceful-fairy-blue-black.jpg) no-repeat fixed center center;
}
Nambahinnya di sebelah mana aja yang penting masih ada
di dalam tag
- Code:
<style type="text/css">
- Code:
</style>
Sedikit penjelasan tentang CSS di atas,
- body {} nandain kalo bagian "tag body"lah yang mau di atur style-nya
- Property yang ada di dalam kurung
- background: => kita mau nyeting style bagian background dari tag body
- black => warna background (bisa juga #000)
- url(ALAMAT GAMBAR) => tau lah..
- no-repeat => pilihan lainnya repeat, repeat-x, repeat-y
- fixed => berarti gambarnya diem gak ikut turun naek pas di gulung. Kebalikannya scroll
- center center => Posisi. Lebih lengkapnya baca di w3schools.com/css/css_background.asp