Pada tutorial kali ini akan dijelaskan struktur dari kode CSS yang merupakan bagian dari struktur kode template Blogspot. Walaupun semua template tidak mempunyai struktur yang sama, namun pemahaman dari tutorial sebelumnya diharapkan dapat membantu untuk lebih mengenal template dari Blogspot, sehingga dapat lebih mudah ketika melakukan coding, debugging atau memodifikasi template.
Dengan memahami tutorial ini diharapkan dapat lebih mudah untuk mengubah model dan struktur dari template.
Untuk tutorial kali ini, Sundaku akan menjelaskan bagian-bagian yang umum dan akan dijelaskan lebih detail tentang kode yang ada dalam setiap bagiannya.
Berikut gambar dibwah ini:
Bagian 1 - Variable:
Bagian ini berisi deklarasi variabel huruf dan warna yang akan muncul dihalaman website. Deklarasi variabel huruf dan warna ini dapat diubah-ubah sesuai dengan selera.
Bagian 2 - Global:
Bagian ini untuk mengontrol penampilan umum dan tata letak. Kode CSS dari bagian ini adalah "body {.....}", ini berarti bahwa setiap kode yang masuk dalam {.....} akan mengendalikan model umum dari website, seperti ukuran, tata letak dan tampilan dari template yan terlihat dilayar komputer.
Misalnya mengontrol lebar dari template dan warna latar belakang atau gambar.
Namun bagian ini tidak mengendalikan model dari seluruh template, jika bagian yang lebih kecil mendeklarasikan sendiri maka secara otomatis deklarasi yang ada di "body {.....}" ini akan diganti atau dibatalkan.
Bagian 3 - Header:
Bagian ini adalah untuk mengatur properti yang ada didalam bagian Header-wrapper. Yang paling umum adalah judul dan deskripsi blog. Dibagian Header, biasanya kita tidak dapat menambahkan elemen melalui menu tab Add Page Elemen, Namun dengan mengubah kode sedikit dibagian ini, kita dapat menambah elemen apapun nantinya.
Bagian 4 - Main:
Bagian ini mengatur properti (ukuran, tata letak dan tampilan) dari segala sesuatu yang ada
didalam Main-wrapper, seperti Date Header, Post, Comment, Feed Link, dan setiap widget yang dapat ditambahkan dalam Main dengan menggunakan Add Page Elemen.
Bagian 5 - Sidebar:
Bagian ini mengatur properti dari segala sesuatu yang ada didalam Sidebar-wrapper, seperti Labels, Blog Archive, unit Adsense, Link Lists, etc.Tetapi ini tidak mengatur semua sidebar yang ada dalam template blog, pengaturannya tergantung dari lokasi dimana sidebar tersebut berada.
No comments:
Post a Comment