Mengenal struktur template blog wajib hukumnya jikalau ingin mengetahui trik mengoptimalkan tampilan. Kecuali Anda tidak ingin ambil pusing mempercantik tampilan blog Anda walau template yang Anda gunakan sekalipun berasal dari pihak ketiga (bukan bawaan blogspot).
Dengan mengetahui struktur dasar blogspot, seorang blogger juga memiliki peluang besar menjadi web designer. Ibarat membangun rumah tanpa mengatahui arah pembangunan, sama saja sia-sia. Mengetahui struktur blog juga sama posisi dengan arsitek.
Tahu struktur juga bakal memudahkan kita membuatkan tampilan layout template. Bagian mana yang ingin kita olah, apa saja yang harus dilakukan dan gimana membuatnya.
Walau mengenal struktur belum menjamin kita hebat segalanya, namun setidaknya dengan mengenal struktur bakal ada progres pemahaman minimal 10 persen dari seharusnya. Sisanya kita harus berguru dan berkenalan dengan CSS (Cascading style sheet) dan HTML (Hyper Text Markup Language) serta Javascripts. Ini bakal kita bahas belakangan.
Sebuah template intinya memiliki struktur yang sama dimana setiap blog memiliki struktur utama, yakni body, Outer-wrapper, Header, Sidebar, Main wrapper atau post dan terakhir Footer.
Penjelasan :
- Body: block paling lebar, body ini yang menampung seluruh konten dari blog atau website.
- Outer-wrapper: kotak ini melapisi penggalan template (Body lebih menyerupai penggalan luar template), jadi kebanyakan pada umumnya outer wrapper ini sebagai wadah header, sidebar, main-wrapper dan juga footer.
- Header: Kotak ini yaitu penggalan teratas dari blog mungkin dari namanya sudah dapat 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 dipakai sebagai wadah widget blog atau aksesoris contohnya 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 menyerupai Judul Post, Post konten, kotak komentar dan juga keterangan lainnya mengenai Maknakel atau posting blog.
- Footer: yaitu kotak paling bawah dari sebuah template. Seperti penggalan header namun terletak dibagian bawah biasanya footer ini ditempati sebuah tautan dan juga teks keterangan hak cipta.
Namun di HTML5 yang dikala ini berkembang, beberapa istilah diganti, misal main wrapper tidak bakal ditemukan lagi dalam HTML biasa, posisinya dihapus tergantung posisi. Misal pos, diganti dengan kata Section dan Maknacle, serta Skin bermetamorfosis style. Ini bakal kita bahas dipembahasan HTML.
Struktur paling fundamental yang harus dipahami oleh seorang blogger yaitu header, navigation, sidebar, section/post dan footer. Bisa dilihat pada denah dibawah ini.
Dalam penulisan scriptnya, posisinya menyerupai dibawah ini.
<body>
<header>...</header>
<nav>...</nav>
<Maknacle>
<section>
...
</section>
</Maknacle>
<aside>...</aside>
<footer>...</footer>
</body>
<header>...</header>
<nav>...</nav>
<Maknacle>
<section>
...
</section>
</Maknacle>
<aside>...</aside>
<footer>...</footer>
</body>
Namun pada umumnya, blogspot menggunakan silsilah menyerupai ini:
<html> <--- tag pembuka untuk html
<head> <--- tag pembuka untuk head
(****Posisi CSS atau juga Javascript****)
</head> <--- tag epilog untuk head
<body> <--- tag pembuka untuk body
(****Disini kawasan yang bakal ditampilkan yaitu HTML dan juga dapat Javascript****)
</body> <--- tag epilog untuk body
</html> <--- tag epilog untuk html
<head> <--- tag pembuka untuk head
(****Posisi CSS atau juga Javascript****)
</head> <--- tag epilog untuk head
<body> <--- tag pembuka untuk body
(****Disini kawasan yang bakal ditampilkan yaitu HTML dan juga dapat Javascript****)
</body> <--- tag epilog untuk body
</html> <--- tag epilog untuk html
Penjelasan:
- HTML : <html> </html>
- Sebuah template Blog/Website selalu diawali dengan tag pembuka <html> dan harus diakhiri tag epilog </html>
- Diantara tag inilah tag-tag atau struktur lainnya diletakkan yang bakal membuat sebuah tampilan blog/website.
- Head : <head> </head>
- Tepat Setelah <head> biasanya diletakkan instruksi tag pengenal mulai dari tag title/judul, deskripsi, keywords dan tag-tag pengenal lainnya.
- Diantara instruksi ini harus diletakkan sebuah instruksi CSS yang bakal menampilkan sebuah tampilan model atau aksara dari template itu sendiri.
- Sebelum instruksi tag epilog </head> biasanya ditambahkan sebuah instruksi Javascript untuk sekedar menambahkan fitur-fitur menggunakan instruksi Javascript.
- Body : <body> </body>
- Tag body merupakan yang paling utama pada sebuah template Blog/Website sebab ini bakal menampung dan menampilkan semua konten blog/website itu sendiri.
- Pada penggalan tag ini masih terbagi dalam 4 struktur penting lagi yaitu Header, Sidebar, Content dan juga Footer, di atas sudah saya jelaskan perihal struktur ini.
0 Response to "Berkenalan Dengan Struktur Dasar Template Blogspot"
Post a Comment