Beberapa Kode Penting Dalam Template Blogger

 

FANSUBLOGGER - Di bagian dalam atau HTML Template Blogger, ada beberapa kode yang penting dan sangat berpengaruh terhadap tampilan luar dari Blog kamu. Di artikel kali ini, saya akan membahas sedikit tentang kode - kode tersebut.

Kamu juga bisa melihat Penjelasan Bagian - bagian dari Struktur Template Blogger/Blogspot.

Inilah beberapa kode yang penting yang sering kamu temui di Template Blogger:

1. Margin : mengatur jarak dibagian tersebut dengan bagian yang lebih besar yang ada
   diluarnya. Ada 4 angka untuk mengatur properti dari margin, yaitu angka 1: mengatur
   margin atas, angka 2: margin kanan, angka 3: margin bawah dan angka 4: margin kiri.
   Pada dasarnya mengatur properti margin adalah searah jarum jam, yang dimulai dengan
   margin atas. Pada kasus diatas, bagian induk untuk post adalah bagian Main. Lihat garis
   putus-putus yang ada diluar batas warna biru (bagian post), ditempatkan didalam warna
   hijau (bagian Main) adalah berdasar pada kode perintah, tulisan yang berwarna merah
   yang ada dibagian .post. Jika semua properti margin di .post di set 0, maka ukuran dari
   bagian .post akan sama persis dengan bagian Main. Margin boleh bernilai negatif,
   artinya jika bernilai negatif maka bagian perbatasan akan mengarah ke batas bagian
   induknya, dan mungkin akan tumpang tindih.
2. Padding: mengatur jarak pada bagian tersebut dengan bagian yang lebih kecil yang ada
   didalamnya. Dalam bagian .post dikasus diatas, bagian yang lebih kecil adalah Postbody.
   Ada 4 angka juga untuk mengatur properti dari padding, yang didefinisikan sama
   dengan bagian margin, yaitu searah dengan jarum jam yang dimulai dari atas. Lihat
   bahwa artikel yang ada dibagian post-body ada didalam bagian post. Padding tidak
   boleh bernilai negatif.
3. Min-width dan Max-width: mengatur lebar dari setiap bagiannya. biasanya cukup
   dituliskan width = 400 px (untuk contoh), akan tetapi menjadi lebih bagus jika mengatur
   lebar sedetail mungkin, karena jika tidak ditulis secara detail terkadang lebar dari suatu
   bagian yang sudah didefinisikan akan berubah semakin kecil/lebar dalam beberapa situasi
   dan dilihat dengan browser yang berbeda. Dengan mengatur lebar sedetail mungkin
   diharapkan lebar akan terlihat sesuai dengan yang diinginkan walau dilihat dengan
   browser yang berbeda-beda. Dengan mengatur lebar sedetail mungkin dapat juga untuk
   menghindari kesalahan pada saat penulisan kode.
4. Background: mengatur warna latar belakang dari suatu bagian. Pengaturan ini
   menggunakan kode heksadesimal untuk warna. Selain warna, gambar juga dapat
   ditetapkan sebagai latar belakang.
5. Color : mengatur warna tulisan dengan menggunakan kode heksadesimal untuk warna.
6. Font : mengatur huruf dari tulisan. (termasuk ukuran dan jenis font)
7. Text-align : mengatur alignment tulisan. Ada 3 opsi pilihan, yaitu, left, center dan right.
8. Line-height : mengatur jarak, atau tinggi, diantara 2 baris tulisan.

Saya hanya bisa menjelaskan sedikit dari banyaknya kode selain kode di atas. Jika ada kode yang kamu belum ketahui fungsi nya, kamu bisa tanya disini.