Memahami bagian-bagian template Blogger secara detail, penting Bagi sobat yang sering meng-edit blogger template, dan belajar membuat blogger template sendiri. Penting bagi sobat agar selalu back-up template blogspot, sebelum memodifikasinya. Atau sobat memiliki akun blogspot lain sebagai blog percobaan, pengujian hasil modifikasi template.
Bagian-Bagian dasar Blogger Templates
Merupakan deklarasi awal file XHTML pada template Blogger dengan jenis Strict. XHTML jenis Strict digunakan untuk membuat halaman yang layout dan formatnya dikontrol penuh oleh CSS. Pada deklarasi ini tidak menggunakan tag font dan table.
pada bagian dibawah tag
= judul blog. data:blog.metaDescription meta tag baik deskripsi. Setelah itu mulai kode css diletakan dibawahnya.
Memberikan atribut css pada tag body.
Kode ini untuk mengubah tampilan link pada template blog Anda.
Ini menubah tampilan link yang pernah di kunjungi
Merubah tampilan link ketika pointer di atas link
Mengubah tampilan link bergambar
Terdapat pada bagian atas template yang berisi judul dan deskripsi blog dan merupakan bagian pertama yang di baca serach engine.
mengubah tampilan header bagian dalam.
Mengubah tampilan judul blog dan deskripsi blog secara keseluruhan
Mengubah tampilan judul dan deskripsi blog tingkat 1
Mengubah tampilan link yang terdapat pada header
Mengubah tampilan link pada header jika pointer mouse berada di atas link.
Mengubah tampilan deskripsi blog yang terdapat pada header. Biasanya pada tag h2
Mengubah tampilan gambar header.
berisi seluruh wrapper seperti header-wrapper, main-wrapper, sidebar-wrapper, footer-wrapper dan content-wrapper.
adalah area postingan ( bagian yang dalamnya adalah artikel )
Berfungsi sebagai tempat widget/gadget yang sobat pasang baik widget dari pihak blogger atau melibatkan pihak ketiga dengan fasilitas HTML/Javascript.
Kode CSS ini mengubah tampilan judul pada blog dengan kelas h2 seperti judul artikel, judul widget pada sidebar,judul widget-footer, dll.
sekarang kita masuk ke bagian post nya.
Mengubah tampilan tanggal artikel.
Mengubah tampilan artikel blog.
Mengubah tampilan judul artikel blog.
Mengubah tampilan link judul artikel.
mengubah tampilan link judul artikel ketika di lewati pointer.
Mengubah tampilan bagian posting.
Mengubah / memodifikasi blockquote pada postingan blog.
Mengubah catatan kaki atau bagin footer pada postingan blog.
Mengubah tampilan link komentar ( jumlah komentar ).
Mengubah tampilan image / gambar pada areal postingan.
Mengubah tampilan judul bagian komentar.
Mengubah tampilan bagian keseluruhan komentar.
Mengubah tampilan link author atau link komentator
Mengubah tampilan isi komentar.
Mengubah tampilan footer komentar. Comment-footer biasanya berisi tanggal komentar.
Mengubah tampilan komentar yang telah di hapus.
mengubah tampilan link feed
Modifikasi area sidebar dan Widget.
Pada dasarnya sam seperti sidebar namu lataknya yang berbeda. footer berada di bagian paling bawah atau di atas dari credits template blog ( hanya ada pada template yang di download ).
Merupakan akhir dari kode css pada template blogger. Di bawah kode ini,sobat bisa menyisipkan script. (seperti readmore, related post, dll )
Merupakan pasang atau tag penutup dari tag pada dokumen HTML.
Bagian ini di mulai dari kode berikut.
Merupakan kode html dari outer-wrapper.
Merupakan kode html dari header-wrapper.
Bagian main-wrapper dan sidebar-wrapper berada dalam tag ini
Bagian antara header-wrapper dan content-wrapper.
Kode html dari area postingan atau main-wrapper
Kode html untuk sidebar-wrapper
Mengatur ketinggian sidebar-wrapper dan main-wrapper supaya sama tinggi.
Kode html untuk area footer-wrapper
Akhir dari outer-wrapper.
Merupakan tag penutup dari tag body pada dokumen html.
Merupakan tag penutup dari dokumen html.