Mengetahui atau mengenali struktur pada sebuah template pada sebuah
blog perlu dimengerti bagi seorang blogger lebih khusus lagi jika kamu
ingin menjadi seorang Web Designer, dengan mengetahui struktur
dari template itu kita akan lebih mudah mengembangkan model tampilan
layout template kita bagian mana yang ingin kita olah, tapi itu saja
sebenarnya belum cukup karena minimal 10% kita juga harus sedikit
mengerti tentang CSS (Cascading style sheet) dan HTML (Hyper Text Markup Language) dan juga Javascripts.
Struktur
sebuah template pada dasarnya memliki struktur yang sama namun bisa
juga kadang berbeda tergantung designer tersebut yang membuatnya, namun
dasar sebuah template memiliki struktur dibawah ini :
Keterangan :
- Body: block paling lebar, body ini yang menampung seluruh konten dari blog atau website.
- Outer-wrapper: kotak ini melapisi bagian template (Body lebih mirip bagian luar template), jadi kebanyakan pada umumnya outer wrapper ini sebagai wadah header, sidebar, main-wrapper dan juga footer.
- Header: Kotak ini adalah bagian teratas dari blog mungkin dari namanya sudah bisa kita tebak dari sebuah header ini. Biasanya header ditempati oleh judul-deskripsi blog, logo, dan juga kebanyakan dibawahnya ditempai oleh Navigasi Menu.
- Sidebar : Block ini digunakan sebagai wadah widget blog atau aksesoris misalnya About me, Link list, gambar slide, dan juga widget-widget lainnya
- Main: Main-wrapper yaitu sebuah block atau kolom dalam yang paling lebar, dalam block ini juga masih menampung seperti Judul Post, Post konten, kotak komentar dan juga keterangan lainnya mengenai artikel atau posting blog.
- Footer: adalah kotak paling bawah dari sebuah template. Seperti bagian header namun terletak dibagian bawah biasanya footer ini ditempati sebuah tautan dan juga teks keterangan hak cipta.
<html> <--- tag pembuka untuk html
<head> <--- tag pembuka untuk head
Disini letak dari CSS atau juga Javascript
</head> <--- tag penutup untuk head
<body> <--- tag pembuka untuk body
Disini tempat yang akan ditampilkan yaitu HTML dan juga bisa Javascript
</body> <--- tag penutup untuk body
</html> <--- tag penutup untuk html
Berikut penjelasan yang saya ketahui mengenai struktur tag HTML diatas :
1. HTML : <html> </html>
- Sebuah template Blog/Website selalu diawali dengan tag pembuka <html> dan harus diakhiri tag penutup </html>
- Diantara tag inilah tag-tag atau struktur lainnya diletakkan yang akan menciptakan sebuah tampilan blog/website.
- Tepat setelah <head> biasanya diletakkan kode tag pengenal mulai dari tag title/judul, deskripsi, keywords dan tag-tag pengenal lainnya.
- Diantara kode ini harus diletakkan sebuah kode CSS yang akan menampilkan sebuah tampilan model atau karakter dari template itu sendiri.
- Sebelum kode tag penutup </head> biasanya ditambahkan sebuah kode Javascript untuk sekedar menambahkan fitur-fitur menggunakan kode Javascript.
3. Body : <body> </body>
- Tag body merupakan yang paling utama pada sebuah template Blog/Website karena ini akan menampung dan menampilkan semua konten blog/website itu sendiri.
- Pada bagian tag ini masih terbagi dalam 4 struktur penting lagi yaitu Header, Sidebar, Content dan juga Footer, di atas sudah saya jelaskan tentang struktur ini.
21 komentar:
Bagus bgt info nya. :) mampir jg gan ke blog saya
http://info-dan-cerita.blogspot.com
@Intan Sudibjo : iya sob . semoga bermanfaat . Ok :)
pertamax menarik
ke-empataxxxx . XD
ini kayak catetan di buku adek kak, sama kayak di atas itu penjelasannya . XD
@widodo : gagal pertamax nya sob . wkwkwk
@Chequita Chiproet : wkwkw . sempaxxx :D *ikut2an.. haha . mana dek catetannya ?? kan ini abis liyat dr buku adek :P
sharingnya oke banget, mengenal Struktur Dasar Template Blogspot, terima kasih ya....
samasama sob . mudah2an bermanfaat yah
huusshhh...
jangan keras-keras nyebutnya, ntar jadi bangun . *lhoh? >.<
ah masak iya??
tuh di tas adek . XD
HTML, i like it :)
nais info gan, visit back dont forget.. :D
@Chequita Chiproet : apa nya yang bangun ?? :O
iya dong XD
@Nanang Gunawan : iya om .. terima kasih sudah berkunjung
gatau kak, lupa .XD
@boedak-menez : ok sob
@Chequita Chiproet : ih pikun :P
Bermanfaat sekali sob, jgn lupa visit www.spacesaga.blogspot.com
oke sob ..
biarin, pikun kan juga gara-gara ketularan kakak . :P
hahaha . oooo tidak bisa :P
harus bisa, kan yg muda mencontoh yg tua..
dan apa yg tua punya, selalu ditularin ke yang muda..
nah apesnya adek ketularan pikunnya kakak..
nularin itu mbok ya pinternya kak . :P
hahaha . sudah terima saja yang ada wkwkwkw
Posting Komentar
Cara berkomentar untuk yang tidak memiliki blog/Alamat Url :
1. Klik select profile --> pilih Name/URL
2. Isi nama kamu dan Kosongkan URL atau isi dengan alamat fb anda
3. Klik Lanjutkan
4. Isi komentar anda, jika sudah selesai klik publish
Bagi yang tidak mempunyai akun bisa berkomentar melalui Anonymous