Struktur dasar template Blogger wajib dipahami setiap pengguna Blogger agar tidak kebingungan ketika memodifikasi template blognya. Karena template blogspot punya peran penting dalam banyak hal salah satunya dalam mengatur tampilan blog.
Bukan hanya web designer atau pembuat template blogspot saja yang perlu paham struktur tema Blogger, tapi juga pengguna blogspot pada umumnya, karena nanti kita pasti akan perlu mengedit template Blogger, misalnya saja untuk mengedit menu navigasi. Jika sudah paham strukturnya, mengedit template akan jadi lebih mudah.
Template Blogger bagian-bagiannya mirip-mirip dengan struktur tubuh manusia, contohnya ada elemen HEAD, elemen BODY dan elemen FOOTER. Karena hal itu struktur template Blogger, akan mudah dipahami dan diingat.
Setelah membaca postingan ini kamu akan:
- Mampu membedakan elemen-elemen template Blogger
- Menemukan letak kode tersembunyi dengan lebih mudah
Sebelum memulai pembahasan utama silakan buka dulu halaman Edit HTML, caranya dari dashboard / dasbor Blogger > klik Template / Tema > klik Edit HTML.
Jika halaman Edit HTML sudah terbuka silakan cari letak elemen-elemen atau kode-kode yang akan dibahas berikut ini supaya lebih mudah dipahami, gunakan CTRL + F untuk mencari dengan lebih cepat.
Pertama kita akan bahas dulu elemen-elemen utama template Blogger, lalu setelah itu kita bahas elemen-elemen penting lainnya.
Struktur Dasar Template Blogger
Template Blogger dibagi menjadi beberapa elemen, berikut selengkapnya:
1. Elemen HTML
Elemen HTML diawali dengan tag pembuka <html> dan tag penutup </html>, elemen ini bisa dibilang memiliki peran terpenting diantara elemen-elemen lainnya. Meskipun perannya sangat penting kode elemen ini sangat mudah dicari yaitu pada bagian template Blogger paling atas dan paling bawah dan tidak pernah dimodifikasi, jadi tidak akan menyulitkan.
2. Elemen Head
Elemen HEAD adalah elemen pertama yang berada di dalam elemen HTML, berperan untuk membungkus kode-kode yang ditujukan untuk robot mesin pencari yang umumnya tidak terlihat oleh pengunjung blog kecuali jika menggunakan fitur inspect element pada browser.
3. Elemen Body
Elemen BODY adalah elemen kedua yang berada di dalam elemen HTML, elemen-elemen atau konten template yang berada di dalam elemen BODY umumnya ditujukan untuk dilihat oleh pengunjung blog.
4. Elemen Header
Elemen Header berfungsi untuk meletakkan konten-konten yang terletak di bagian teratas blog.
5. Elemen Main
Elemen Main berfungsi untuk meletakkan konten utama blog yaitu postingan, tentunya elemen ini terletak di dalam elemen BODY.
6. Elemen Sidebar
Elemen SIDEBAR berfungsi sebagai pembungkus widget-widget bagian Sidebar.
7. Elemen Footer
Elemen FOOTER berfungsi sebagai pembungkus widget-widget bagian Footer, yang terletak pada bagian terbawah blog.
Dari elemen-elemen yang sudah dijelaskan di atas, bisa kita lihat bahwa struktur kode pada template HTML memang seperti tubuh manusia dan tentunya jika di bagian dalam tubuh manusia terdapat organ-organ, di dalam template Blogger juga kurang lebih demikian.
Pic: struktur tubuh manusia dan organ-organnya vs struktur template Blogger.
Sub-elemen Template Blogger
Kali ini kita akan membahas elemen-elemen template Blogger yang letaknya lebih ke dalam. Jika dibandingkan elemen utama, elemen-elemen tambahan berikut ini lebih tersembunyi dan strukturnya jauh lebih kompleks.
1. Subelemen di Dalam Elemen Head
a. Title
Subelemen TITLE berfungsi menampung judul blog atau judul postingan blog.
b. Style atau b:skin
Berfungsi untuk menampung kode CSS yang tentunya berfungsi untuk mengatur tampilan blog. Jika suatu ketika kamu mengedit template Blogger untuk memodifikasi tampilan blog, elemen inilah yang perlu kamu jelajahi.
c. JavaScript
Terkadang beberapa file Javascript juga diletakan di dalam elemen HEAD template Blogger, meskipun hal ini sebenarnya kurang disarankan.
2. Subelemen di Dalam Elemen Header
Di dalam elemen ini terdapat beberapa subelemen seperti logo dan menu navigasi utama.
3. Subelemen di Dalam Elemen Main
Di dalam elemen ini terdapat beberapa subelemen yang berperan menunjang postingan blog seperti heading, post meta hingga <data-post-body/>.
4. Subelemen di Dalam Elemen Sidebar
Di sini umumnya terdapat widget-widget pilihan seperti Popular Posts, Recent Posts dan Label.
5. Subelemen di Dalam Elemen Footer
Berisi menu navigasi tambahan, tanda copyright dan atribusi Blogger.
6. Subelemen DIV
Di dalam sebuah template Blogger ada banyak sekali elemen DIV, salah satu yang paling umum adalah elemen DIV dengan nilai atribut Wrapper / Outer Wrapper. Tidak semua template Blogger menggunakan nilai atribut Wrapper untuk DIV utamanya tapi rata-rata demikian.
Kesimpulan
Jadi bisa kita simpulkan bahwa sebuah template Blogger strukturnya seperti memiliki pembungkus yang berlapis-lapis. Elemen HTML membungkus template blogger secara keseluruhan, elemen Body dibungkus oleh HTML, Header dibungkus oleh Body dan seterusnya.
Beri Komentar