Tutorial Menciptakan Template Blog Sendiri Dari Awal

 Bagi para pemula niscaya memakai template standar bawaan dari blogger Tutorial menciptakan template blog sendiri dari awal



Bagi para pengguna blogger (seperti saya), niscaya tak absurd dengan template. Bagi para pemula niscaya memakai template standar bawaan dari blogger. Atau download dari penyedia template gratisan maupun berbayar. Namun pernah terpikir kan untuk mengetahui bagaimana cara menciptakan template-template tersebut. 


Kali ini aku akan membahas sedikit dasar template dan cara membuatnya. 

Langkah pertama tentunya kita buka blogger.com. Sekarang mari kita mulai cara menciptakan dasar template-nya. 

CATATAN : sebelum merubah/menghapus template yang ada dianjurkan menyimpan template yang sekarang. Atau kalau lebih aman, buat blog gres untuk coba-coba buat template. 

Buka sajian Template

Setelah membuka blogger pilih sajian template. Seperti gambar dibawah

 Bagi para pemula niscaya memakai template standar bawaan dari blogger Tutorial menciptakan template blog sendiri dari awal

Klik Edit HTML

 Bagi para pemula niscaya memakai template standar bawaan dari blogger Tutorial menciptakan template blog sendiri dari awal

Karena kita akan menciptakan template dari awal lagi, maka hapus semua arahan yang ada di dalam edit HTML tersebut. 

 Bagi para pemula niscaya memakai template standar bawaan dari blogger Tutorial menciptakan template blog sendiri dari awal

jadi akan menyerupai ini.

 Bagi para pemula niscaya memakai template standar bawaan dari blogger Tutorial menciptakan template blog sendiri dari awal

Baiklah, kini kita akan memulai menciptakan dasar template.

1. Ketik tag pembuka dan epilog HTML yaitu <html> dan </html>. Kode tag HTML ini yaitu keseluruhan dari sebuah web. Semua tag yang ingin dan besar lengan berkuasa pada tampilan web harus berada diantara 2 arahan diatas. 


 Bagi para pemula niscaya memakai template standar bawaan dari blogger Tutorial menciptakan template blog sendiri dari awal



2. Selanjutnya elemen yang harus ada yaitu head dan body. Elemen head yaitu daerah untuk menaruh arahan untuk pengaturan tampilan yang ada pada elemen body. Elemen head tidak akan tampil pada website. Elemen body adalah daerah untuk mengatur posisi tampilan yang akan tampil pada website. Semua elemen yang ada pada tag body akan tampil pada website. Untuk menciptakan elemen tersebut ketik tag <head> dan </head> untuk elemen head, dan tag <body> dan </body> untuk elemen body.
Lihat gambar dibawah.



3. Jika kita coba menyimpan hasil diatas maka akan muncul teks There should be one and only one skin in the template, and we found: 0. Itu berarti template diatas harus memiliki tag skin, tag ini berfungsi sebagai daerah arahan CSS. Berarti kita ketik tag skin pada elemen head. Tag skin yaitu <b:skin> dan </b:skin>.



4. Jika kita save lagi akan ada teks We did not find any section in your template. A template must have at least one b:section tag. Ini berarti harus ada tag b:section pada template tersebut. Tag ini yaitu widget pada blogger. Kaprikornus kita ketik tag ini diantara elemen body. Jadi ketik tag <b:section> dan </b:section> dibawah tag <body>.
5. Jika save lagi kali ini ada teks One of the sections is missing the required id attribute. Every section should have a unique id. Berarti tag b:section harus memiliki id/nama unik. Sekarang kita beri nama header. Sekarang ketik id=’header’ setelah <b:section. Lihat gambar dibawah. 

 Bagi para pemula niscaya memakai template standar bawaan dari blogger Tutorial menciptakan template blog sendiri dari awal


6. Save. Berhasil !! itulah dasar dari sebuah template. Jika sudah menyerupai ini kita dapat menciptakan elemen header, artikel, sidebar, footer dan lain-lain pada elemen body. Dan untuk pengaturan tampilan dari elemen header, artikel, dan kawan-kawan diletakkan pada elemen head. 

 Bagi para pemula niscaya memakai template standar bawaan dari blogger Tutorial menciptakan template blog sendiri dari awal



Sebelum itu, coba kita reload hasil template diatas. Dan balasannya akan menyerupai gambar dibawah. 



Pada gambar tersebut ada yang berubah. tag pembuka html ada arahan gres yang diberikan oleh blogger. Sedang pada tag skin hanya ada perhiasan kode <![CDATA[ ]]. Kode CSS biasanya akan diketikkan diantara arahan CDATA tersebut yaitu diantara <![CDATA[ dan ]].

 Bagi para pemula niscaya memakai template standar bawaan dari blogger Tutorial menciptakan template blog sendiri dari awal



Untuk template kini hanya ada halaman kosong pada website tersebut. Karena belum ada elemen-elemen untuk tampilan web. Untuk mulai menciptakan template akan dibahas disini.


Selamat mencoba. 

Related Posts