cara mambuat template blogger

Update: Yang benar-benar ingin membuat template blogger, silakan ke posting baru saya: Cara Membuat Template Blogger Online - Fitur Blogger Terbaru. Posting ini hanya sebuah catatan kecil (eh besar ketang) dari author saja tentang membuat templatenya sendiri (alias versi lama ;)

Sejak aku mengganti template blogku dari 'Maiother' menjadi 'Khayal', banyak sekali yang memberi pujian, sejauh ini belum terlihat ada yang memberi kritik, dan banyak juga yang bertanya bagaimana cara membuat template seperti ini.

Well, terima kasih atas pujiannya, meskipun template blog ini belum bisa dikatakan 100% bagus. Dan untuk yang bertanya-tanya bagaimana cara membuat template blogger ini, aku akan memberikan pertanyaan balik. Apakah anda sedang sibuk atau tidak suka bertele-tele? atau anda memang ingin tahu bagaimana aku membuat template ini? jika pertanyaan pertama anda jawab ya, maka aku katakan anda mungkin tidak akan mendapatkan apa yang anda mau, karena aku hanya memberitahukan hal-hal umum dan bukan rincian tentang "how to". Bahkan sebenarnya caraku membuat template mungkin terdengar tidak umum, jadi maaf kalau itu membuat kalian kesulitan.

Ini terlalu resmi!

Okay, inilah urutan kejadian (halah!)

1. Mengganti template blog percobaan dengan Minima. Kemudian disimpan dalam format HTML, agar CSSnya bisa diedit dengan Dreamweaver secara offline.
2. Menggambar desain dan mewarnainya di Photoshop
   Template blog mencerminkan pemiliknya. Kalau templatenya norak, orangnya pasti norak juga. Kalau templatenya dinamis, mungkin orangnya juga dinamis. Jadi aku mencoba mengeluarkan semua kelebihan (sekaligus kekurangan) dalam diriku melalui goresan pensil dengan kertas.
   
   Kelebihanku ada pada kemampuan menggambarku, khususnya menggambar manusia. Tapi aku tidak menggambar berdasarkan skala ini itu, garis-garis bantu, dan yang lainnya. Kalau diperhatikan, garis-garis tipis pada header itu justru ditambahkan setelah gambarnya dibuat. Garis itu aku buat untuk memposisikan title dan deskripsi blog agar komposisinya tidak terlalu payah.
   
   Mengapa harus mata yang menjadi gambar terbesar? karena semua hal yang aku dapatkan, mulai dari kemampuan menggambar, desain grafis, matematis, dan yang lainnya itu karena mataku (atau penglihatanku) masih normal. Aku sangat bersyukur mengingat seringkali aku menatap komputer selama berpuluh-puluh jam. Terakhir kali saat liburan aku harus menatap layar monitor selama 15 jam setiah harinya selama 2 minggu untuk menyelesaikan karya untuk lomba desain grafis yang saat itu sedang aku ikuti.
   
   Kemudian kupu-kupu ungu, itu karena aku suka kupu-kupu (sebenarnya lebih suka terbang dengan bebas seperti kupu-kupu) dan aku juga menyukai warna ungu. Jangan salah kaprah, kesukaanku pada warna ungu tidak ada hubungannya dengan statusku yang masih available. Tapi karena warnanya yang misterius dan menyendiri, yang pada saat yang sama terlihat ceria dan tanpa beban.
   
   Lalu titik-titik hujan biru, itu karena aku suka hujan, dan warna biru selalu bisa menolongku untuk lebih alami. Sementara bunga-bunga liar, yang sering aku temukan di banyak tempat, terbang bebas, ringan, dan cantik. Orang mungkin menganggapnya indah, tapi tidak sadar bahwa banyak yang seperti itu ada di sekeliling mereka.
   
   Untuk gambar 'besar' di footer, ada yang bisa menebak tempat apa yang aku gambar di sana? tentu saja, itu adalah gerbang Matliviea. pohon Angsana besar dengan lubang sebagai gerbang masuk, lalu kayu-kayu kecil untuk melewati kolam pembatas kematian. Tapi aku tidak ingin menghancurkan deskripsi tentang Matliviea dengan menggambar dan mewarnainya seutuhnya. Ini juga sesuai dengan kekuranganku yang sering tidak menyelesaikan sesuatu dengan utuh.
   
   Ada beberapa orang yang bertanya, sebenarnya background template ini berwarna putih atau abu? dan jawabannya adalah bukan keduanya. Ini adalah warna ungu muda dengan saturasi yang sedikit. Kemudian kalau ada yang berpikir kalau aku tidak becus dalam membersihkan gambarnya karena masih ada beberapa bercak pensil, silakan berpikir dua kali atau baca penjelasanku. ITU DISENGAJA. Sebenarnya aku bisa saja membersihkannya sampai sebersih-bersihnya, hanya saja aku ingin menunjukkan kalau aku juga memiliki kekurangan yaitu berantakan.
3. Mengatur komposisi template dan memasukkan gambar ke CSS
   Meskipun aku ingin terlihat sedikit berantakan, aku tidak akan mengorbankan 'kemudahan dan kenyamanan membaca' dalam blog ini. Jadi aku tidak menambah macam-macam dalam background posting. Perlu diketahui aku juga sangat suka membaca, jadi setidaknya aku sedikit tahu apakah tulisan itu nyaman untuk dibaca atau tidak. Aku menggunakan jenis font yang umum, yaitu Arial, dengan ukuran standar(ku).
   
   Kemudian aku memberikan garis untuk memisahkan main wrapper dan sidebar wrapper. Pokoknya seperti yang bisa dilihat di sini.
   
   Tapi, untuk navigasi, hehehehe... belum terpikir untuk memperbaikinya.
4. Copy-paste CSS ke HTML blogger
   Tentu sebelumnya kita harus simpan yang lama, karena takutnya ada sesuatu yang salah. Lalu copas CSS dan html tambahan ke HTML blogger, dan tralala! template sudah selesai.