Struktur Dasar Sebuah Template Blog Yang Harus Kau Pahami
Gambar diatas menjelaskan mengenai struktur dasar template sebuah blog. sebelum kau berguru menciptakan atau mengedit sebuah template ada baiknya harus mengenal sedikit struktur template dari sebuah blog. berikut sedikit klarifikasi dari gambar di atas.
1.Body : Header, Menu, Main wraper/post, Sidebar dan footer di tempatkan di dalam Body. body menyerupai tubuh insan yang di dalamnya ada kepala, badan, tangan dan kaki.
Contoh code HTML sederhananya begini :
<html>
<head>
<title>Judul Blog</title>
Code CSS
</head>
<body>
<div>header</div>
<div>Nav Menu</div>
<div>Main wrapper</div>
<div>sidebar</div>
<div>footer</div>
</body>
</html>
<head>
<title>Judul Blog</title>
Code CSS
</head>
<body>
<div>header</div>
<div>Nav Menu</div>
<div>Main wrapper</div>
<div>sidebar</div>
<div>footer</div>
</body>
</html>
2. Header : Di posisi bab atas biasanya kawasan untuk menampilkan judul blog, biasa juga di tempatkan sebagai banner iklan.
Contoh code HTML sederhananya begini :
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Title Blog (Header)' type='Header'/> </b:section>
3. Menu : Nav sajian ini biasa di pakai untuk menampilkan sajian utama dari sebuah blog, dan tak jarang ada yang menyisipkan kolom search juga.
Contoh code HTML sederhananya begini :
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'> <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/> </b:section>
4. Main Wrapper/Post : Disini yaitu kawasan isi artikel atau sebuah postingan, mulai dari tgl posting artikel, kolom komentar juga di pasang disini.
Contoh code HTML sederhananya begini :
<b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'/> </b:section>
5. Sidebar : Biasanya di pakai untuk menampilkan Label/kategori, arsip blog, artikel paling banyak dilihat, komentar terbaru, dll atau dapat juga untuk penempatan iklan.
Contoh code HTML sederhananya begini :
<b:section class='sidebar' id='sidebar' preferred='yes'/>
6. Footer : Lebih sering di gunakan untuk credit title sebuah template blog. ada juga yang menempatkan label, profil pemilik blog di kolom footer ini.
Contoh code HTML sederhananya begini :
<b:section class='footer' id='footer' showaddelement='no'> <b:widget id='Attribution1' locked='false' title='' type='Attribution'/> </b:section>
Berikut diatas yaitu sedikit klarifikasi mengenai struktur dasar dari sebuah template blog.