Desain Template Blogger: Tutorial 1
<< Pengenalan: Tutorial untuk Desain Template Blogger
>> Tutorial 2: Struktur Kode Template Blogger
Kembali ke Daftar Isi
Sebelum merancang template, Anda harus memiliki wawasan ihwal struktur dasar template. Secara biasa , struktur sebetulnya dari setiap template tidak persis sama. Tapi, dengan mengetahui struktur dasar, Anda mampu dengan gampang mendapatkan ilham wacana bagaimana untuk mengedit template yang sudah ada, merancang template, dan bagaimana mengubahnya menjadi struktur yang berlawanan.
Beberapa bagian struktur template tampak jelas dapat Anda lihat pada pada umumnya blog: header, footer, dan bab posting. Tapi ada beberapa bagian (Saya akan menyebutnya dengan blok atau kontainer) yang tidak terlihat pada layar komputer, namun ialah tag HTML yang penting.
Apabila kamu belum mengenal pemrograman HTML, silahkan menuju ke situs mencar ilmu HTML bahasa indonesia di developer.mozilla.org, atau bimbingan baru berbahasa inggris oleh Ezequiel Bruni di websiteplanet.com. Kemampuan memprogram HTML dan CSS (dan mungkin sedikit PHP) merupakan prasyarat untuk merancang template blogger.
Untuk memulai, struktur template intinya berisi blok kontainer yang terlihat seperti ini:
Mulai dari yang blok paling besar sampai blok terkecil:
- Body
: blok terluar ialah Body template Anda (intinya semua yang tampil pada layar komputer).
: kontainer ini menutupi seluruh template Anda (bagian dari batas luar template). Secara umum, Anda membangun sebuah wrapper/pembungkus untuk menempatkan beberapa blok yang lebih kecil di dalamnya. Blok yang paling biasa di dalam Outer-wrapper ini ialah Header, Content, dan Footer.
: blok ini ialah bab paling atas dari blok. Didalam Header mampu juga mempunyai sub-blok, contohnya: Header Judul blok, Deskripsi blog, dan lain-lain seperti banner Adsense, menu kafe, dll. Diluar header atau untuk membungkus semua sub-blok di dalam header biasanya dinamakan Header-wrapper.
: dibawah Header yakni Content-wrapper – Pada dasarnya ialah bab dari blok yang paling penting. Secara lazim bagian wrapper ini didalamnya terdiri dari blok Sidebar (bisa 1, 2 atau lebih sidebar) dan blok Main (yang berisi posting Anda, komentar, atau beberapa iklan).
: adalah bab bawah dari template. Seperti pada bab Header, dibutuhkan juga Footer-wrapper yang berisi bab/sub-blok dari Footer.
: Main-wrapper yaitu bagian luar dari blok Main yang didalamnya terdapat Content-wrapper. Didalam Main-wrapper terdapat blok Post, blok Comment, Date Header, dan bagian lain yang mampu dibuat dari opsi Add Page Element.
: adalah bab yang dapat berisi semua widget dan lazimnya terletak dibagian samping, seperti: About Me, Labels, Archive, Text, HTML, Adsense, etc. Didalam standard template dari Blogger, biasanya ditemukan 1 sidebar, bila terdapat 1 sidebar maka template berisikan 2 kolom, adalah Main dan Sidebar. Tetapi jumlah sidebar dapat ditambahkan dengan gampang. Yang paling umum ialah memiliki 2 sidebar atau bermakna template mempunyai 3 kolom. Dengan mengikuti seri tutorial ini diharapkan, nantinya kita mampu mengerti struktur dari template dan dengan gampang memperbesar atau menggeser sidebar kekiri atau kanan.
: blok ini berisi bagian yan paling penting, mirip Posts Titles (judul postingan), Post (artikel), Post Author (Penulis artikel), Labels (label), etc. Struktur dari template blogger, bila dilihat secara hierarki, mulai dari bagian yang paling besar ke bab yang paling kecil, dapat ditampilkan selaku berikut:
- Body
- Outer-wrapper
- Header-wrapper
- Blog Title
- Blog Description
- Other widgets
- Content-wrapper
- Sidebar-wrapper (1,2,3…)
- Main-wrapper
- Date Header
- Posts
- Post Title
- Post Content (atau lazimdisebut Post Body)
- Post Footer (Author, Labels, dll)
- Comments
- Feed Link
- Other widgets (umumnya untuk iklan)
- Footer-wrapper
- Footer text (disclaimer, copyrights, etc)
- Other widgets
Setelah mengetahui struktur diatas, akan lebih gampang untuk mengetahui struktur instruksi dari templatenya Blogger. Belajar struktur instruksi dari template sebetulnya tidak berguru tentang HTML atau CSS, tetapi lebih kepada bagaimana instruksi tersebut disusun dan teratur. Dengan mengetahui struktur dari template, meskipun punya wawasan yang minim terhadap pemrograman web, kita mampu mengubah template atau mendesain sesuai dengan selera.
___________________
Sumber: Our Blogger Templates