betul

Bagian ini merupakan bagian ke 2 dalam struktur blogger template code, bagian yang penting untuk memodifikasi template kita. Jika kita bisa mengerti tutorial ini, nanti kita bisa mengubah desain dan struktur dengan cara yang kita mau.

Kali ini kita akan mempelajari bagian-bagian dari CSS Styling Section. Kita akan mempelajarinya lebih detail mengenai coding di dalam sub-bagian2 ini. Perlu diketahui bahwa tidak semua template memiliki struktur yang sama, maka dari itu kita memanfaatkan Generic Blogger Template yang sangat logis dan memudahkan kita untuk memahami struktur dari bagian CCS Style. Di template ini kita bagi CSS Styling Section menjadi 9 bagian yang lebih kecil. Untuk saat ini kita akan mempelajari bagian-bagian ini secara umum. Kita akan mempelajarinya lebih detail mengenai coding di dalam sub-bagian2 ini.

Sub-bagian tersebut antara lain :

Sub-bagian. 1 - Variable

Sub-bagian ini mengandung deklarasi (pengenalan) dari font dan warna variable yang muncul di bagian Font and Color tab dalam page Layout.

Sub-bagian. 2 - Global

Sub-bagian ini berisikan kode untuk mengontrol Layout dan tampilan umum. Di Sub-bagian ini kita akan melihat "body {.....}". ini berarti setiap kode berada di dalam "{.....}" akan mengontrol property umum (size, layout, dan tampilan) dari badan template (body/semua yang terlihat di layer komputer). Sebagai contoh, bagian ini mengontrol lebar dari template dan warna latar belakang atau gambar.

Di sub-bagian, kita juga menemukan bagian besar yang penting lainnya yaitu Outer-wrapper dan content-wrapper. Sehingga sub-bagian ini tempat untuk mengatur bagian-bagian ini.

Sub-bagian. 3 – Header

Sub-bagian ini mengatur property di dalam bagian header wrapper. Yang paling umum adalah Blog Title dan Blog Description. Biasanya kita tidak bisa menambah objek pada header karena tidak bisa menggunakan tab Add Page Element. Tapi kebanyakan pada template di ourblogspottemplate, sudah ditambahkan extra objek pada Header wrapper, yakni Linkbar (Menubar Horisontal). kita bisa menambahkan apapun yang kita inginkan jika tahu bagaimana caranya menggunakan bagian dari CSS Styling Section ini.

Subbagian. 4 – Main

Sub-bagian ini mengatur segala property (ukuran, layout, dan tampilan) dalam Main –Wrapper, antara lain: Date Header, Posting, Comment, feed link, dan beberapa widget yang kita tarik ke bagian Main menggunakan tab add page element.

Subbagian. 5 - Sidebar

Sub-bagian ini mengatur property dari segala sesuatu dalam Sidebar-wrapper, contohnya label, Blog Archieve, adsense, links, dll.

Subbagian. 6 - Miscellaneous Sub-bagian ini mengatur property dari elemen-elemen tambahan yang tidak diatur oleh bagian-bagian di atas. Elemen tersenut antara lain Profile (about me), Blockquote, dan kode. Ini berarti jika ingin mengubah warna quoted text atau font dari nama panggilan di profile, bagian inilah yang perlu diubah.

Subbagian. 7 - Post-Footer

Dalam template umum, Sub-bagian ini mengatur 3 hal:

Post-Footer : text di bawah post body. Ini bagian yang berisikan Informasi tentang posting, atau text yang berkata "Posted by YourNickname, Labels: ....., 5 Comments, dll.

Blog-Pager : Link di bawah posting yang berkata "Newer Posts, Home, atau Older Posts".

Feed-Link : link yang bilang "Subscribe to: Posts (Atom)".

Subbagian. 8 – Comment

Sub-bagian ini mengatur property dari bagian Comment di dalam blog.

Subbagian. 9 - Footer

Bagian ini mengatur property dalam bagian footer. Pada umumnya, bagian footer berisikan beberapa text yang menjelaskan kepemilikan atau copyright dari blog. Dalam beberapa blog, mereka juga meletakkan bagian extra seperti : Recent Posts atau Popular Posts dalam 2 kolom atau lebih. Pada dasarnya, kita bisa meletakkan apapun dalam footer seperti dalam sidebar.