Desain Template Blogger: Tutorial 3
<< Tutorial 2: Struktur dari Kode Template Blogger
>> Tutorial 4: Mengatur Properties Kontainer
Kembali ke Daftar Isi
Pada bimbingan ini, akan dijelaskan struktur dari arahan CSS yang merupakan bagian kedua dari struktur arahan template Blogspot. Walaupun semua template tidak mempunyai struktur yang sama, tergantung pada gaya pribadi dari seorang desainer.Tapi aku akan menunjukkannya selogis mungkin dan membuat seluruhnya jauh lebih mudah ketika coding, debugging, dan menyesuaikan template Anda. Dengan mengerti tutorial ini diperlukan mampu lebih mudah untuk mengubah model dan struktur dari template.
Saya sudah menghemat Bagian CSS Styling menjadi 9 subbagian yang lebih kecil. Untuk dikala ini, saya akan menjelaskan subbagian kebanyakan. Tutorial berikutnya akan menjelaskan lebih rincian ihwal isyarat yang ada dalam setiap bagiannya. Tetaplah mengacu pada Struktur Sebuah Blogger Template untuk menolong Anda memahami lebih baik tentang subbagian dan kontainer yang saya jelaskan di sini.
Bagian ini berisi deklarasi (pengenalan) variabel huruf dan warna yang mau timbul di tab Font dan Warna di halaman Layout. Misalnya, Warna Teks atau Teks font variabel yang mampu Anda pilih dan memodifikasi menggunakan tab Font dan Warna. Dalam template generik, telah ada penambahan banyak variabel (mendekati 40) dibandingkan dengan beberapa template Blogger standard untuk membuat lebih mudah Anda menyesuaikan banyak hal pada template itu. Deklarasi variabel aksara dan warna ini dapat diubah-ubah sesuai dengan selera.
Bagian 2 – Global:
Bagian ini untuk menertibkan penampilan biasa dan tata letak. Jika Anda melihat kafe hijau di atas, Anda akan melihat arahan “body …..“, ini mempunyai arti bahwa setiap instruksi yang masuk dalam ….. akan mengendalikan properti umum dari website, mirip ukuran, tata letak dan penampilan dari template yang terlihat dilayar komputer. Sebagai contoh, beliau mengendalikan lebar seluruh template dan warna latar belakang atau gambar. Namun bab ini tidak mengatur model dari seluruh template (dilakukan oleh tiap subbagian lainnya), bila 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 lazim yaitu judul dan deskripsi blog. Dalam sebagian besar template generik, sudah ditambahkan objek extra dalam Header-wrapper – yaitu Linkbar (atau pada sajian horizontal). Biasanya, Anda tidak mampu menambahkan objek tambahan di Header sebab Anda tidak mampu memakai tab Add Page Elemen, Namun dengan mengganti isyarat sedikit dibagian ini, kita mampu menambah bagian apapun nantinya. Ini akan dipelajari pada bimbingan berikutnya.
Bagian ini mengatur properti (ukuran, tata letak dan tampilan) segala sesuatu yang ada didalam Main-wrapper, seperti Date Header, Post, Comment, Feed Link, dan setiap widget yang mampu ditambahkan dalam Main dengan memakai Add Page Elemen.
Bagian 5 – Sidebar:
Bagian ini mengendalikan properti dari segala sesuatu yang ada didalam Sidebar-wrapper, seperti Labels, Blog Archive, unit Adsense, Link Lists, dll. Tetapi bab ini tidak mengontrol berapa banyak sidebar yang Anda miliki atau lokasi mereka di blog (contoh Sidebar-Main-Sidebar atau Main-Sidebar-Sidebar). Bagian ini dikerjakan dalam Bagian 3 dari Struktur Kode Template Blogger – Bagian Data.
Bagian 6 – Miscellaneous:
Bagian ini mengatur properti dari bagian-unsur tambahan didalam blog yang tidak dikelola oleh semua bagian-bagian diatas. Unsur-bagian itu misalnya Profile (atau bab About Me), Blockquote, dan kode. Itu mempunyai arti, jika ingin mengganti mengganti warna teks yang ada di blockquote, maka harus mengganti properti yang ada di bagian tersebut.
- Post-Footer : ini adalah goresan pena dibawah posting artikel yang biasanya berisi berita tentang postingan tersebut, seperti nama penulis, label, banyaknya komentar, dan lain-lain.
- Blog-Pager : ialah link dibawah posting artikel, seperti “Newer Posts, Home, atau Older Posts“.
- Feed-Link : link yang bertuliskan “Subscribe to: Posts (Atom)“.
___________________
Sumber: Our Blogger Templates