Sebelum merancang template, Anda
harus memiliki gagasan tentang apa struktur dasar dari template adalah.
Umumnya, struktur yang sebenarnya dari setiap template tidak persis sama. Tapi,
dengan mengetahui struktur dasar, Anda dapat dengan mudah mendapatkan ide
tentang bagaimana untuk men-tweak template yang ada, desain template, dan cara
mengubahnya ke dalam struktur yang berbeda.
Beberapa bagian dari struktur
template yang jelas dari apa yang dapat Anda lihat pada kebanyakan blog:
header, footer, dan posting bagian. Tapi ada beberapa bagian yang tidak terlihat pada layar
komputer, tetapi penting HTML untuk membangun sebuah template kerja
praktis dan tepat.
Untuk memulai, struktur template
yang pada dasarnya mengandung blok dari kontainer yang terlihat seperti ini:
Penjelasan masing-masing blok:
1.
Body : blok terluar yang paling adalah Tubuh template Anda
(pada dasarnya segala sesuatu yang layar komputer mencakup).
2.
Outer-wrapper : wadah ini mencakup seluruh template (tubuh lebih
seperti luar template). Secara umum, Anda membangun sebuah wrapper untuk
menempatkan beberapa blok yang lebih kecil di dalamnya. Blok yang paling umum
di dalam ini Outer-wrapper adalah theHeader, Content, dan Footer.
3.
Header : blok ini adalah bagian paling atas blog Anda (nama
cukup jelas). Tapi di dalam Header Anda akan memiliki sub-blok lain juga - blok
header Judul, theHeader Deskripsi blok, dan lain-lain seperti spanduk Adsense,
bar menu, dll Jadi, untuk membungkus semua sub-blok dalam satu wadah besar,
kontainer terbesar di bagian Header biasanya Header-wrapper yang membungkus
segala sesuatu di dalam.
4.
Content : bawah Header adalah Content-wrapper - pada dasarnya
blok kontainer yang paling penting dari semua. Segera di dalam pembungkus ini
adalah wadah Sidebar (1,2 atau jumlah sidebars) dan wadah utama (yang berisi
posting Anda, komentar, atau beberapa iklan).
5.
Footer : adalah bagian bawah yang paling wadah template Anda.
Seperti pada bagian Header, Anda juga akan memerlukan Footer-wrapper mengandung
sub-blok lainnya di bagian Footer.
6.
Main : Main-wrapper adalah yang paling kontainer luar di
bagian Utama yang berjalan di dalam Content-wrapper. Di dalam ini Main-wrapper
adalah blok Post, Commentblock, Header Tanggal, dan widget lain yang dibuat
dari Add Elemen Halaman pilihan.
7.
Sidebar : adalah blok yang berisi semua widget sisi Anda -
Tentang Aku, Label, Arsip, Teks, HTML, Adsense, dll template Blogger standar,
Anda biasanya akan menemukan hanya 1 sidebar - maka template 2 kolom ( utama
dan Sidebar). Tapi itu sebenarnya mudah untuk menambahkan beberapa jumlah
sidebars. Yang paling umum adalah 2 sidebars - atau template 3-kolom. Anda akan
melihat dari seri ini tutorial yang setelah Anda memahami struktur template,
itu sebenarnya mudah untuk menambah dan memindahkan sidebars ke kiri atau kanan
wadah utama Anda.
8.
Blog Post : blok ini berisi hal-hal penting - Posting Anda Judul,
Pos, Pos Penulis, Label, dll
9.
Salah
satu cara lain untuk melihat struktur ini adalah dari sudut pandang hirarkis.
Mulai dari kontainer terbesar untuk sub-wadah, struktur yang terlihat seperti
ini:
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 (or
called Post Body)
Post Footer (Author,
Labels, etc)
Comments
Feed Link
Other widgets (mostly
ad units)
Footer-wrapper
Footer text
(disclaimer, copyrights, etc)
Other widgets
Setelah Anda memahami struktur
dasar ini, akan lebih mudah untuk mulai belajar tentang struktur kode template
Blogger. Belajar struktur kode bukan tentang HTML atau CSS belajar, tetapi
lebih tentang bagaimana kode template diatur, yang cukup banyak seperti
bagaimana struktur kontainer diatur. Ini mengejutkan bahwa bahkan dengan
sedikit pengetahuan tentang pemrograman web, Anda dapat menyesuaikan template
Anda cukup banyak hanya dengan memahami struktur dasar dan beberapa bahasa CSS.
Tutorial berikutnya:
Langkah selanjutnya dalam tutorial ini adalah
untuk memahami lebih lanjut tentang Struktur dari Blogger Template Code.
nice artikel, sangat membantu untuk membuat blog menjadi lebih bagus gan
ReplyDelete