2 CSS DALAM ISTILAH HTML DI BLOG

1. Pengenalan Q : Apakah CSS itu? A : CSS (Cascading Style Sheet) adalah elemen/bagian dari HTML yg menentukan wajah/tampilan dari HTML tersebut,yang meliputi warna latar belakang, warna/jenis/ukuran huruf, gambar, dan masih banyak lagi.
2. Format umum blog Zonam body { }.main{ }.header{ }.judul{ }.content{ }.footer{ }.comment{ }.link{ } div{ } p{ } a{ } u{color: ;} b{color: ;} i{color: ;}
3. Untuk Mengedit CSS,Masuk ke blog menu, masuk ke menu edit CSS, masukin kode2 d atas ke text area paling besar (ditengah)
4. Properti / Style Masukkan style di bawah ini ke dalam { } Macam-macam properti dengan urutan selector {property:nilai;}
   
   • Color (warna huruf) diisi dengan nama warna (menggunakan bahasa inggris) atau dengan kode warna. Jika menggunakan kode warna, harus diawali dengan tanda pagar (#). Kode warna bisa dilihat disini atau menggunakan MobiColor.jar
   • Background-color (warna latar belakang) sama dengan no.1. Bisa juga menggunakan gambar. Contoh background-image: url(‘http://anjukputra.hexat.com/PN.JPG‘);. Untuk repeat/pengulangan : repeat-x untuk mengulang horisontal, repeat-y untuk mengulang vertikal, repeat untuk mengulang horisontal & vertikal, posisi : bottom, top, left,right, center
   • Border (batas/frame) diisi dengan format nilai(ukuran jenis warna). Ukuran diisi dengan **px (misal 1px, 2px, 3px, dst). Jenis diisi dengan bentuk border yg diinginkan (solid, ridge, double, dashed, dotted, groove, inset, outset). Warna diisi seperti no.1. Contoh {1px solid black}
   • Text-decoration (dekorasi text) diisi dengan blink (ketip2,p), overline (garis diatas text), line-through (garis ditengah text, underline (garis dibawah text), none (tanpa efek)
   • Padding (menentukan jarak antara border dengan isinya ) diisi dengan **px (1px, 2px, dst). Dapat diterapkan pada tiap2 sisi dengan menambahkan nama sisi. Misal padding-left, padding-top, padding-bottom, padding-right 6. margin (menentukan jarak tiap2 elemen) diisi seperti padding 
   • Text-align (perataan text: diisi dengan left, right, center, justify 
   • a adalah style untuk link
   • b/u/i adalah style saat huruf berada dalam bbcode [b]bold[/b], [u]underlined[/u], [i]italic[/i] 10. Lalu tekan save
   untuk tutorial yang lebih lengkap silakan ke Quackit.com atau w3schools.com Slamat mencoba..