Belajar Bikin Template Blog Sendiri

Mencoba Membuat Template Blogspot

Mungkin selama ini kita adalah pemakai Template berbayar atau template Gratis yg dibuat oleh orang lain . Meskipun Dengan pilihan template gratisan yg banyak , tapi kita masih saja merasa belum pas atau cocok untuk tema blog yang kita inginkan.

Kita bisa saja mencoba mengedit template yang saat ini kita pakai ( untuk hal ini sy sudah memposting : Cara mengedit layout Blog yang mudah ). Namun akan banyak ditemui kendala, karena mungkin kita belum ngerti kode2 HTML . Template gratisan yang kita pakai, pun disana ada link si pembuat template.

Nah jika kita mencoba membuat template sendiri, tentunya akan bisa disesuaikan dengan keinginan sendiri , serta ada rasa kebanggan atas karya kita sendiri. Dan kali ini saya akan "Bercerita" pengalaman saya dalam membuat template blospot . Karena ini pengalaman saya, yg notabene bukanlah ahli dibidang kode2 HTML  , maka jika ada pembaca blog panduan bisnis yg kebetulan melihat postingan ini, saya mohon maaf jika tidak berguna atau sulit di baca dan di ikuti.

Dalam Persiapan Membuat Template , biasanya saya membikin rencana design dengan menggunakan MS excel. Ini contohnya : (klik Gambar Utk Memperbesar)


Dan saya Meng analogi kan Layout blog dengan bentuk "Rumah" untuk memahami struktur nya , (gambar bawah)




Kemudian saya jabarkan kode2 CSS dengan menggunakan Layout rencana yg saya buat di excel , seperti gmbr bawah :

Dan ini cara saya memahami arti padding dan Margin untuk memberikan Jarak layout satu dengan lainnya.



Oke...itu beberapa image utk persiapan saya dalam membuat template. Untuk "Cerita Dalam membuat Template".... selanjutnya , bisa dilihat di blog saya yg lain di : http://www.bahrul-ulum.com/belajar-membuat-template-blog

Ps : Mohon maaf tulisann ini terasa "Kaku".. karena saya tulis terburu2... semoga ada manfaatnya yah...

7 komentar:

Q...U mengatakan...

Terimaksih saya sebagai pemula terasa terbantu,.

rzk mengatakan...

ok sobat keren tutornya...
tapi mohon maaf sobat... link saya di tempatkan dimana yah???

Bahrul Ulum mengatakan...

rizk-butikupalace: Tenang sob..nasih tersimpan dengan aman di sini : Tukar Link

Anonim mengatakan...

Apa kabarnya nih ? Sudah dengar mengenai DapatLaptop.com belum? Coba lihat di http://www.DapatLaptop.com/?id=rians_rhanx

Kang Epot mengatakan...

Salam kenal brader..... :)

ternyata lumayan juga yah, pusingnya :) alhamdulillah saya baru ngerti apa namanya margin dan pading....

makasih brader, ntar lain waktu berkunjung lagi :)

Sam - IMGaul mengatakan...

wah lengkap sekali penjelasannya hehe
Thanks pak buat sharingnya, semoga tahun 2011 ini bisa membawa kesuksesan buat kita semua, tetap semangat!

download game,software Full VERZionzs mengatakan...

Klo saya bikin template sendiri pakai artisteer gan!cara bikinnya sangat gampang!bisa diatur sesuai selera!

contohnya di blog ane www.rif123.blogspot.com