Inspeksi Element CSS Blogspot

Mempelajari elemen CSS Blogspot sebelum dimodifikasi

Sebelum memodifikasi tampilan blog, ada baiknya jika kita mengetahui bagian-bagian atau elemen-elemen CSS suatu blog agar tidak menemui kesulitan nantinya.
Disini saya akan membagikan pengetahuan saya untuk bagian-bagian CSS Blogspot sekaligus sebagai catatan untuk saya sendiri yang otodidak dibidang ini.

Pertama tentunya kita harus login ke Blogger dahulu untuk bisa mensetting template CSS blog kita.
Lalu klik ⇒

dan klik Edit HTML ⇒

1. Elemen pembuka CSS.

<!DOCTYPE html>mendefinisikan dokumen ini menjadi HTML5
<html> menjelaskan elemen akar halaman HTML.
<head>elemen berisi informasi meta tentang dokumen.
<title>elemen menentukan judul untuk dokumen.
<body>elemen berisi konten halaman yang terlihat.

Bagian tersebut tidak perlu dimodifikasi kecuali bagi yang tingkat pengetahuan coding nya lebih tinggi atau keperluan tertentu.

2. Elemen <skin>

info pembuat template

Setting /* Variable definitions

/* Variable definitions ini bisa diatur dengan mudah melalui menu Sesuaikan

Karena bagian ini hanya menentukan jenis, ukuran, warna dari jenis font, teks, background dll tetapi tidak mempengaruhi bentuk atau tata letak suatu bagian CSS secara khusus.

3. CSS /* Content
Nah bagian ini akan lebih mudah dimodifikasi dengan bantuan fitur Inspeksi Element yang ada pada browser Chrome ataupun Mozilla.

Cara mengakifkan Inspeksi Element klik kanan pada mouse maka akan muncul opsi seperti gambar ini :