Ilmu Membuat Templat Sendiri

Sebelum saya melanjutkan tutorial ini, saya mohon maaf bukan saya sok pintar dalam masalah hal ini pada dasarnya saya bukanlah seorang ahli web designer, saya hanya ingin berbagi ilmu kepada sobat blogger yang tentunya masih dalam tahap mengenal apa itu template blogger dan juga ini sebagai media catatan saya, soalnya saya mudah lupa :p . Tutorial ini bukan sifatnya harus seperti ini tetapi lebih dari sebagai pengalaman saya dalam belajar membuat template sendiri, saya memakai prinsp Try and Error , serta banyak bertanya kepada suhu-suhu blogger dan yang paling penting banyak membaca. Tutorial ini merupakan gabungan dari beberapa tutor baik lokal maupun luar, saya hanya merangkum untuk memudahkan saya tentunya dalam pengalaman membuat template sendiri :).

Mau baca buat yang penasaran?

Tutorial ini nantinya saya akan bagi dalam beberapa tahap, dan saya hanya ingin berbagi pengalaman saya dalam membuat template, dan tentunya template yang masih sederhana :p . Agar nantinya akan lebih mengenal apa itu template, sebaiknya kita kenalan struktur dari template itu sendiri.

Saya gambarkan dari struktur template minima yang menurut saya sangat sederhana, bisa di lihat struktur layout dari template :

Dimana saya sudah kasih pewarnaan dari masing-masing struktur tersebut :

1. Body : merupakan suatu gambaran area yang mencakup keseluruhan template

2. Outer-wrapper : merupakan suatu area yang umumnya terdapat bagian header, content dan footer 

3. Header-wrapper : merupakan blok area yang umumnya terdapat di atas dan berisi judul atau deskripsi dari blog kita. bagian ini juga bisa di modifikasi sesuai kebutuhan sobat

4. Content-wrapper : merupakan bagian dari outer wrapper yang umumnya content ini berisi main wrapper dan sidebar-wrapper.

5. Footer-wrapper: merupakan suatu blok area yang berada di bawah dan umumnya berisi data catatan mengenai copyright pembuat template atau bisa juga di isi widget

6. Main-wrapper : merupakan suatu blok area yang umumnya berisi post, date post, post footer, comments block dan bisa juga untuk menambahkan bagian add elements jika kita inginkan.

7. Sidebar-wrapper : merupakan suatu blok area yang umumnya berisi widget-widget, sidebar ini bisa di tambahkan., pada contoh ini saya memakai 2 kolom : yaitu 1 kolom main, dan 1 kolom sidebar. Kebutuhan kolom di sesuaikan dengan desain dan keinginan sobat.

Saya rasa cukup untuk pembelajaran bagaimana cara mudah membuat template sendiri bagian 1 dan tentunya kalau ada deskripsi yang salah saya definisikan mohon koreksinya, saya juga masih dalam tahap belajar. Semoga tutor ini bermanfaat bagi sobat blogger.

By Unknown Tuesday, 7 October 2014

Share Tweet Share Pin Email

17 Desember 2012

Ilmu Membuat Templat Sendiri

Sebelum saya melanjutkan tutorial ini, saya mohon maaf bukan saya sok pintar dalam masalah hal ini pada dasarnya saya bukanlah seorang ahli web designer, saya hanya ingin berbagi ilmu kepada sobat blogger yang tentunya masih dalam tahap mengenal apa itu template blogger dan juga ini sebagai media catatan saya, soalnya saya mudah lupa :p . Tutorial ini bukan sifatnya harus seperti ini tetapi lebih dari sebagai pengalaman saya dalam belajar membuat template sendiri, saya memakai prinsp Try and Error , serta banyak bertanya kepada suhu-suhu blogger dan yang paling penting banyak membaca. Tutorial ini merupakan gabungan dari beberapa tutor baik lokal maupun luar, saya hanya merangkum untuk memudahkan saya tentunya dalam pengalaman membuat template sendiri :).

Mau baca buat yang penasaran?

Tutorial ini nantinya saya akan bagi dalam beberapa tahap, dan saya hanya ingin berbagi pengalaman saya dalam membuat template, dan tentunya template yang masih sederhana :p . Agar nantinya akan lebih mengenal apa itu template, sebaiknya kita kenalan struktur dari template itu sendiri.

Saya gambarkan dari struktur template minima yang menurut saya sangat sederhana, bisa di lihat struktur layout dari template :

Dimana saya sudah kasih pewarnaan dari masing-masing struktur tersebut :

1. Body : merupakan suatu gambaran area yang mencakup keseluruhan template

2. Outer-wrapper : merupakan suatu area yang umumnya terdapat bagian header, content dan footer 

3. Header-wrapper : merupakan blok area yang umumnya terdapat di atas dan berisi judul atau deskripsi dari blog kita. bagian ini juga bisa di modifikasi sesuai kebutuhan sobat

4. Content-wrapper : merupakan bagian dari outer wrapper yang umumnya content ini berisi main wrapper dan sidebar-wrapper.

5. Footer-wrapper: merupakan suatu blok area yang berada di bawah dan umumnya berisi data catatan mengenai copyright pembuat template atau bisa juga di isi widget

6. Main-wrapper : merupakan suatu blok area yang umumnya berisi post, date post, post footer, comments block dan bisa juga untuk menambahkan bagian add elements jika kita inginkan.

7. Sidebar-wrapper : merupakan suatu blok area yang umumnya berisi widget-widget, sidebar ini bisa di tambahkan., pada contoh ini saya memakai 2 kolom : yaitu 1 kolom main, dan 1 kolom sidebar. Kebutuhan kolom di sesuaikan dengan desain dan keinginan sobat.

Saya rasa cukup untuk pembelajaran bagaimana cara mudah membuat template sendiri bagian 1 dan tentunya kalau ada deskripsi yang salah saya definisikan mohon koreksinya, saya juga masih dalam tahap belajar. Semoga tutor ini bermanfaat bagi sobat blogger.

- See more at: http://aura-share.blogspot.com/2012/12/aura-share-cara-belajar-membuat.html#sthash.C6mWJH3F.dpuf

Sebelum saya melanjutkan tutorial ini, saya mohon maaf bukan saya sok pintar dalam masalah hal ini pada dasarnya saya bukanlah seorang ahli web designer, saya hanya ingin berbagi ilmu kepada sobat blogger yang tentunya masih dalam tahap mengenal apa itu template blogger dan juga ini sebagai media catatan saya, soalnya saya mudah lupa :p . Tutorial ini bukan sifatnya harus seperti ini tetapi lebih dari sebagai pengalaman saya dalam belajar membuat template sendiri, saya memakai prinsp Try and Error , serta banyak bertanya kepada suhu-suhu blogger dan yang paling penting banyak membaca. Tutorial ini merupakan gabungan dari beberapa tutor baik lokal maupun luar, saya hanya merangkum untuk memudahkan saya tentunya dalam pengalaman membuat template sendiri :).

Mau baca buat yang penasaran?

Tutorial ini nantinya saya akan bagi dalam beberapa tahap, dan saya hanya ingin berbagi pengalaman saya dalam membuat template, dan tentunya template yang masih sederhana :p . Agar nantinya akan lebih mengenal apa itu template, sebaiknya kita kenalan struktur dari template itu sendiri.

Saya gambarkan dari struktur template minima yang menurut saya sangat sederhana, bisa di lihat struktur layout dari template :

Dimana saya sudah kasih pewarnaan dari masing-masing struktur tersebut :

1. Body : merupakan suatu gambaran area yang mencakup keseluruhan template

2. Outer-wrapper : merupakan suatu area yang umumnya terdapat bagian header, content dan footer 

3. Header-wrapper : merupakan blok area yang umumnya terdapat di atas dan berisi judul atau deskripsi dari blog kita. bagian ini juga bisa di modifikasi sesuai kebutuhan sobat

4. Content-wrapper : merupakan bagian dari outer wrapper yang umumnya content ini berisi main wrapper dan sidebar-wrapper.

5. Footer-wrapper: merupakan suatu blok area yang berada di bawah dan umumnya berisi data catatan mengenai copyright pembuat template atau bisa juga di isi widget

6. Main-wrapper : merupakan suatu blok area yang umumnya berisi post, date post, post footer, comments block dan bisa juga untuk menambahkan bagian add elements jika kita inginkan.

7. Sidebar-wrapper : merupakan suatu blok area yang umumnya berisi widget-widget, sidebar ini bisa di tambahkan., pada contoh ini saya memakai 2 kolom : yaitu 1 kolom main, dan 1 kolom sidebar. Kebutuhan kolom di sesuaikan dengan desain dan keinginan sobat.

Saya rasa cukup untuk pembelajaran bagaimana cara mudah membuat template sendiri bagian 1 dan tentunya kalau ada deskripsi yang salah saya definisikan mohon koreksinya, saya juga masih dalam tahap belajar. Semoga tutor ini bermanfaat bagi sobat blogger.

- See more at: http://aura-share.blogspot.com/2012/12/aura-share-cara-belajar-membuat.html#sthash.C6mWJH3F.dpuf