Struktur Blogger Template
Pada umumnya, struktur dari beberapa template tidak persis sama. Tetapi beberapa bagian struktur template jelas terlihat dari kebanyakan blog yang kita lihat. Contohnya : header, , bagian posting dan footer.
dimulai dari blok terbesar sampai blok terkecil:
1. Body: block paling lebar yang merupakan badan dari template (pada dasarnya semua yang terlihat di layer komputer).
2. Outer-wrapper: Pada umumnya, kita membangun sebuah wrapper untuk menempatkan beberapa kotak lebih kecil di dalamnya, antara lain yaitu : header, content dan footer.
3. Header: Kotak ini adalah bagian teratas dari template. Tapi di dalam header kita punya sub-block lain, yaitu : Header title, Header description, menu bar, dll.
4. Content: terletakk di bawah Header, Di dalam bagianr ini ada beberapa kotak antara lain sidebar1, sidebar 2 atau lebih dan main block .
5. Main: kotak paling lebar dalam content wrapper. Di dalam main-wrapper terdapat Post block, comment block, date header, dan widget lain .
6. Post block : block ini memuat isi terpenting, yaitu : Judul posting, post, Post author, label, dll.
7. Sidebar: block yang memuat semua side widget, antara lain : About me, label, archieve, Html and Javascript, adsense, dll.
8. Footer: adalah kotak paling bawah dari template. Seperti bagian header, kita juga memerlukan Footer wrapper untuk memuat sub-block yang lain di bagian footer.
cara lain untuk melihat struktur tempalate. Dimulai dengan kotak terbesar kemudian kotak-kotak di dalamnya :
Body
Outer-wrapperHeader-wrapper
Blog Title
Blog Description
Other widgets
Content-wrapperSidebar-wrapper (1,2,3...)
Main-wrapper
Date Header
Posts
Post Title
Post Content (or called Post Body)
Post Footer (Author, Labels, etc)
Comments
Feed Link
Other widgets (mostly ad units)
Footer-wrapperFooter text (disclaimer, copyrights, etc)
Other widgets
disini kita tidak hanya belajar HTML or CSS, tapi lebih banyak tentang bagaimana mengorganisasi template code, seperti bagaimana mengorganisasi kotak-kotak ini. Maka akan mengejutkan jika ternyata dengan pengetahuan kecil, kita bisa menyesuaikan template dengan baik dengan memahami struktur dasar dan beberapa bahasa CSS.
