5 Menit Menguasai CSS

Menyambung artikel sebelumnya yakni 4 Langkah Menjadi Desainer Template Blog yang Handal. Dimana salah satu caranya adalah mengenal fungsi CSS. Kenapa kita harus mengenal fungsi CSS? Tentu alasannya adalah buat mengetahui kapan dan bagaimana kita bisa memfungsikan CSS tersebut terhadap blog yang kita kelola.

Kali ini kita akan belajar cepat memfungsikan CSS di blog yang kita kelola masing-masing. Langkah-langkahnya cukup sederhana. Sebelum lebih lanjut, perlu diketahui pembahasan ini buat dunia blogger saja. Lanjut kepembahasan, yang pertama Anda harus mengetahui dimana letak fungsi CSS tersebut.

CSS terletak pada antara <b:skin><!CDATA[...sampai...]]></b:skin> dan <style type='text/css'>...sampai...</style> (dengan menempatkannya didalam area </head>). Yang artinya daerah tersebut adalah ruang kontrol kita terhadap elemen lain yang ingin kita kendalikan pada template yang kita kelola. Bahasa sederhananya kantor kita.

Perlu diketahui penggunaan style css merupakan suatu cara untuk memfungsikan sesuatu yang tidak bisa kita kerjakan pada daerah b:skin.

Setelah mengetahui posisi kantor Anda. Tentu ada kerjaan yang harus diselesaikan. Untuk menyelesaikan kerjaan tersebut Anda harus mengetahui apa-apa saja dan bagaimana langkah menyelesaikannya.

Pada CSS terdapat perintah-perintah yang bisa kita berikan buat mengontrol elemen yang kita kendalikan. Seperti: penggunaan tanda titik (.) yang artinya tanda itu akan kita buat perintah mengatur class dan penggunaan tanda pagar (#) buat mengatur id.

Sebagai contoh: pada CSS kita menggunakan perintah .garis-kotak (artinya kita mau mengatur seluruh perintah pada elemen yang menggunakan perintah 'garis-kotak' dan letakkan perintah tersebut pada ruang CSS atau kantor Anda tadi) dan pada lapangan juga harus terdapat kalimat perintah 'garis-kotak' tadi: <div class='garis-kotak'>...elemen lainnya...</div>. Begitu juga dengan perintah tanda pagar (#) untuk id tadi.

Kembali pada ruang kerja (ruang CSS tadi) buat memberikan perintah pada garis-kotak tersebut harus disertai perintah yang sebenarnya. Mulai mengatur padding, margin, border, dsbg. Mari kita belajar lebih dalam lagi. Contoh kali ini buat mengatur perintah daerah footer (daerah yang terletak pada bagian bawah template). Berikut perintah CSSnya:

.daerah-footer {
margin: 1px;
padding: 3px;
text-align: justify;
font: 12px;
color: #151515;
background: #585858;
}

Yang artinya: margin mempunyai jarak 1px, padding 3px, posisi text yang digunakan justify (rata tengah), warna agak kehitaman, dan latar menggunakan warna abu-abu.

Perhatikan kembali! Setiap perintah yang kita berikan selalu disertai tanda buka kurung ({) dan tutup kurung (}) dan selalu pada perintah yang kita berikan akan disertai tanda titik dua (:) dan diakhiri tanda titik koma (;).

Letakkan kode perintah tersebut, diatas ]]></b:skin> atau diatas fungsi </style> seperti yang telah dijelaskan.

Itulah langkah-langkah penguasaan CSS pada dunia blogger. Mudah-mudahan, artikel ini mudah difahami dan dipraktekkan.