Belajar desain layout template bag.1

Pada artikel sebelumnya, saya sudah kasih beberapa prinsip dasar untuk memulai bagaimana cara membuat layout template khususnya untuk blogspot, prinsip pertamanya yaitu adalah mengenal struktur template blogspot terlebih terdahulu agar nantinya ketika sobat akan menambahkan kolom baru pada template menjadi lebih mudah dan bisa berimajinasi, dan perlu di ketahui tutorial ini masih dalam tahap desain layout pemula, jadi di harapkan agar sobat bisa mengembangkannya. Sebenarnya pembahasan struktur template pernah saya bahas pada artikel membuat template bagian 1 dan bagian 2 silahkan sobat baca kembali.

Struktur layout template sederhana 2 kolom :

Gambar di atas merupakan layout template secara garis besar,  nah kalau mau tahu lebih detail bagian apa saja yang membentuk sebuah template kira-kira saya gambarkan seperti di bawah ini :

 

Bagaimana kalau melihat struktur tersebut dalam bentuk hirarki ya kira-kira seperti ini :

* Body
          o Outer-wrapper
                + Header-wrapper
                      # Blog Title
                      # Blog Description
                      # Other widgets
                + Content-wrapper
                      # Sidebar-wrapper (sidebar widgets)
                      # Main-wrapper
                            * Date Header
                            * Posts
                                  o Post Title
                                  o Post Content (Post Body)
                                  o Post Footer (Author, Labels, Comments..)
                            * Comments
                            * Feed Link
                            * Widgets
                + Footer-wrapper
                      # Footer text (credit, copyrights, etc)
                      #  Widgets

Kalau sobat sudah mengenal layout templatenya, kemudian adalah mengetahui struktur kode template yang saya akan bahas lagi pada artikel selanjutnya, karena kalau di bahas langsung sobat blogger pasti pusing :p.

Pahami dan resapi kalau sudah kita akan bisa lanjut ke bagian struktur code template pada artikel selanjutnya. Ok sobat happy blogging.