Made Wiguna bloggers - pernah gak sih kamu berpikir tentang pembuat tema buat sendiri? Dan kalau di pikir pikir rasanya pasti susahπ , ya memang susah sih kalau belum terbiasa. Sesuai judul nya kali ini saya akan membuat tutorial cara membuat tema blogspot sendiri. Pasti kan kamu sudah agak ngerti html ya karena yang di gunakan untuk membuat tema adalah html, css dan javascript
Pertama tama silahkan siapkan sebuah teks editor, dan buat file baru bernama temaku.xml
Untuk membuat tema blog kita harus menggunakan format file .xml
Sekarang kita akan mulai proses pembuatan nya ππ
|
|
Kurang lebih seperti ini dasar tema blog, tapi saat ini masih belum bisa di gunakan karena tag nya belum lengkap.
Jika penasaran coba copy kode di atas lalu buka pengaturan blog –> tema –> edit tema, hapus semua kode dan paste kan kode di atas.
Selamat anda mendapatkan error π, jangan sedih lah Karen error :)
Saya jelaskan sedikit, Error tersebut muncul karena belum ada skin pada template kita. Skin yang dimaksud adalah tag b:skin yang dalam blogger digunakan untuk menyimpan kode CSS.
Berbeda dengan html biasa, pada template blogger kita disarankan meletakkan css di dalam tag b:skin
|
|
Untuk itu tambahkan kode beikut didalam tag head, kemudian save
Jadi sekarang kode nya akan menjadi seperti ini
|
|
Silakan di save ya.
Lah? Kok error?
Error kali ini disebabkan oleh karenakan tidak ada satupun section di template yang dibuat. Paling tidak kita harus menambahkan 1 tag b:section pada struktur template kita.
Memanggil Bagian Postingan Blog
Section pertama yang bisa kita panggil yaitu bagian posting
|
|
Copy paste tag b:section dan b:widget postingan blog didalam tag body.
Selain itu ditambahkan juga tag kondisional kecuali halaman error karena nantinya halaman error akan kita tampilkan dengan isi yang berbeda.
|
|
Simpan template maka didalam tag b:widget akan terisi kode otomatis dari blogger sendiri. Setelah itu coba view blog maka akan muncul
βSubscribe to: Posts (Atom)β
saja. Dikarenakan kita belum memiliki postingan.
Tutorial pembuatan tema Blogspot nya belum selesai ya !
selanjutnya
Tutorial style untuk tema blogspot