Berkenalan Dengan Struktur Dasar Template Blogspot
Kamis, 20 Maret 2014
Edit
Setelah mengetahui Apa Itu Blog? selanjutnya ialah mengetahui apa saja bab atau struktur yang membentuk suatu blog, utamanya blogspot menyerupai yang bloGoooblok gunakan ketika ini.
Mengenal struktur template blog wajib hukumnya jikalau ingin mengetahui cara 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 mempunyai 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 akan memudahkan kita membuatkan tampilan layout template. Bagian mana yang ingin kita olah, apa saja yang harus dilakukan dan bagaimana membuatnya.
Walau mengenal struktur belum menjamin kita ahli segalanya, namun setidaknya dengan mengenal struktur akan 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 akan kita bahas belakangan.
Sebuah template intinya mempunyai struktur yang sama dimana setiap blog mempunyai struktur utama, yakni body, Outer-wrapper, Header, Sidebar, Main wrapper atau post dan terakhir Footer.
Penjelasan :
Namun di HTML5 yang ketika ini berkembang, beberapa istilah diganti, misal main wrapper tidak akan ditemukan lagi dalam HTML biasa, posisinya dihapus tergantung posisi. Misal pos, diganti dengan kata Section dan Article, serta Skin bermetamorfosis style. Ini akan kita bahas dipembahasan HTML.
Struktur paling fundamental yang harus dipahami oleh seorang blogger ialah header, navigation, sidebar, section/post dan footer. Bisa dilihat pada sketsa dibawah ini.
Dalam penulisan scriptnya, posisinya menyerupai dibawah ini.
Namun pada umumnya, blogspot memakai silsilah menyerupai ini:
Penjelasan:
Sumber https://www.blogooblok.com/
Mengenal struktur template blog wajib hukumnya jikalau ingin mengetahui cara 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 mempunyai 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 akan memudahkan kita membuatkan tampilan layout template. Bagian mana yang ingin kita olah, apa saja yang harus dilakukan dan bagaimana membuatnya.
Walau mengenal struktur belum menjamin kita ahli segalanya, namun setidaknya dengan mengenal struktur akan 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 akan kita bahas belakangan.
Sebuah template intinya mempunyai struktur yang sama dimana setiap blog mempunyai 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 bab template (Body lebih menyerupai bab luar template), jadi kebanyakan pada umumnya outer wrapper ini sebagai wadah header, sidebar, main-wrapper dan juga footer.
- Header: Kotak ini ialah bab 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 artikel atau posting blog.
- Footer: ialah kotak paling bawah dari sebuah template. Seperti bab header namun terletak dibagian bawah biasanya footer ini ditempati sebuah tautan dan juga teks keterangan hak cipta.
Namun di HTML5 yang ketika ini berkembang, beberapa istilah diganti, misal main wrapper tidak akan ditemukan lagi dalam HTML biasa, posisinya dihapus tergantung posisi. Misal pos, diganti dengan kata Section dan Article, serta Skin bermetamorfosis style. Ini akan kita bahas dipembahasan HTML.
Struktur paling fundamental yang harus dipahami oleh seorang blogger ialah header, navigation, sidebar, section/post dan footer. Bisa dilihat pada sketsa dibawah ini.
Dalam penulisan scriptnya, posisinya menyerupai dibawah ini.
<body>
<header>...</header>
<nav>...</nav>
<article>
<section>
...
</section>
</article>
<aside>...</aside>
<footer>...</footer>
</body>
<header>...</header>
<nav>...</nav>
<article>
<section>
...
</section>
</article>
<aside>...</aside>
<footer>...</footer>
</body>
Namun pada umumnya, blogspot memakai 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 akan 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 akan 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 akan membuat sebuah tampilan blog/website.
- Head : <head> </head>
- Tepat sehabis <head> biasanya diletakkan arahan tag pengenal mulai dari tag title/judul, deskripsi, keywords dan tag-tag pengenal lainnya.
- Diantara arahan ini harus diletakkan sebuah arahan CSS yang akan menampilkan sebuah tampilan model atau abjad dari template itu sendiri.
- Sebelum arahan tag epilog </head> biasanya ditambahkan sebuah arahan Javascript untuk sekedar menambahkan fitur-fitur memakai arahan Javascript.
- Body : <body> </body>
- Tag body merupakan yang paling utama pada sebuah template Blog/Website alasannya ialah ini akan menampung dan menampilkan semua konten blog/website itu sendiri.
- Pada bab tag ini masih terbagi dalam 4 struktur penting lagi yaitu Header, Sidebar, Content dan juga Footer, di atas sudah saya jelaskan ihwal struktur ini.
Sumber https://www.blogooblok.com/