Pengenalan Coding CSS Dalam Blogger

Cascade Style Sheets
Pengenalan Coding Cascade Style Sheets - Kali ini saya mau membahas tentang coding Cascade Style Sheets atau lebih sering dikenal dengan CSS.

Nah, kode CSS itu Coding dasar dari pembuatan Template. Coding CSS juga harus dikuasai oleh para Pembuat Template Blogger, Website, Wordpress, dll. Tapi untuk kali ini saya ingin membahasnya di Blogger.

Coding CSS juga sangat penting dalam pembuatan sebuah situs Website maupun Blog. Untuk itu, jika ingin membuat suatu situs atau blog, kalian diharuskan minimal menguasai coding css.

Jika sobat ingin benar2 menguasai Coding yang satu ini cukup mudah, karena Blogger.com sudah mempermudah untuk penempatan Coding CSS. Untuk awalnya kalian bisa melihat Cara Melihat Coding CSS Di Blogger.


Cara Coding CSS Di Blogger


  • Pertama, Sobat harus Login ke Blogger.com
  • Lalu, pada Dashboard - Klik Edit HTML
  • Kemudian kalian klik di kotak Coding, tekan CTRL+F
  • Ketik kode berikut
]]></b:skin>

  •  Nah, kode yang diatas Kode Tadi itu adalah Coding CSS


Kode Sederhana Dari CSS

Jika kalian ingin belajar Coding CSS dari awal, maka buatlah dulu kode css yang sederhana dan simple. Seperti contoh kode di bawah ini :
#simple{
width:50px;
height:50px;
border:2px solid black;
}
nah di atas adalah kode sederhana dari CSS yang membentuk sebuah Persegi. Dan di bawah ini adalah keterangan dari masing2 kode css
Keterangan :
width = adalah Lebar suatu objek yang di desain menggunakan CSS
height = adalah Tinggi suatu objek yang di desain menggunakan CSS
border = adalah Garis Disekeliling objek yang di desain menggunakan CSS
50px = adalah Ukuran suatu objek dengan tipe Pixel

Dibawah ini saya akan memberikan Kode Sederhana Untuk Kotak Berisi Text
#simple{
width:50px;
height:50px;
border:2px solid black;
padding:2px;
margin:2px;
}
Keterangan Tambahan :
padding = adalah kode jarak antara text dengan batas kotak
margin = adalah kode jarak antara kotak dengan kotak (jika ada 2 kotak bersebelahan)

Itu semua adalah sedikit penjelasan dari Coding CSS yang saya ketahui. Semoga Bermanfaat untuk sobat dan maaf jika ada kesalahan, karena saya juga masih tahap pembelajaran Coding CSS.

3 komentar

kode CSS ada diataa ]]>. Terima kasih info tutorial pengenalan CSS nya

Reply

wah, untuk belajar css cocok nih
makasi ya

Reply

Posting Komentar