Desain Template Blogger: Tutorial 2
<< Tutorial 1: Struktur Sebuah Template Blogger
>> Tutorial 3: Struktur Bagian CSS
Kembali ke Daftar Isi
Inilah yang terlihat pada struktur kode template Blogger, dengan cara yang sederhana untuk melihat hal itu. Saya menggunakan Template Blogger Generik (download dari mediafire) sebagai referensi, tetapi idenya sama seperti template lainnya juga. Secara sederhana, struktur dari kode template Blogger terpisah menjadi 3 bagian, baris dari atas setiap bagiannya dapat dilihat pada gambar berikut:
Untuk melihat lebih banyak kode ini secara rinci, download template Blogger Generik.
Bagian 1:
Ini adalah 'header' dari kode template. Bagian ini berisi informasi penting tentang kode template dan judul dari blog. Bagian ini tidak perlu dipikirkan secara serius, karena tidak mempengaruhi tampilan dari sebuah template, selain itu bagian ini merupakan standard dari semua template. Anda perlu mengedit bagian ini, hanya saat Anda menambahkan kode meta tags (informasi tambahan mengenai blog Anda untuk SEO).
Bagian 2:
Ini adalah bagian untuk kode CSS (Cascading Style Sheets). Kode CSS adalah bahasa web yang digunakan untuk mengatur format dari dokumen HTML. Bagian ini adalah bagian yang harus diketahui dan dimengerti, jika ingin memodifikasi atau membuat template baru. Meskipun ini merupakan kode pemrograman web, dengan memahami struktur bagian dan kode dari template, kita berharap dapat memodifikasi dan membuat template baru tanpa harus banyak mengerti tentang kode HTML dan CSS.
Bagian 3:
Ini adalah bagian 'body' atau kode untuk data. Bagian yang paling penting untuk mengambil semua data dari database Blogger dan meletakkannya ditempat yang tepat di Blog. Ini juga merupakan bagian yang mengatur bagian mana yang ditampilkan lebih dulu pada saat blog dilihat, apakah bagian header, sidebar, post atau footer. Tetapi bagian ini, tidak mengatur tampilan di internet, karena untuk mengatur tampilan, sudah dikendalikan oleh kode CSS.
Sebenarnya bagian-bagian diatas tidak menuntut Anda untuk memahami secara detail tentang kode pemrograman HTML dan CSS, tetapi Anda harus tahu sedikit tentang kode-kode tersebut jika ingin menambahkan widget yang tidak disediakan dalam elemen 'tambah widget' seperti tombol bookmark sosial - Digg, AddThis, tombol RSS, atau jika Anda ingin menempatkan kode Adsense di tempat-tempat khusus seperti di Halaman Posting, atau meletakkan kode Google Analytics untuk melacak pengunjung ke blog Anda, dan banyak hal lainnya. Tetapi jangan khawatir, banyak petunjuk yang tersedia di internet untuk menambahkan kode-kode tersebut dalam template blog.
___________________
Sumber: Our Blogger Templates
Download template dari Mediafire