Bila eins design blog farmasi…

Alhamdulillah, pada dua hari lepas saya telah berjaya menyempurnakan proses redesign bagi blog IPSA Network, setelah beberapa jam menghabiskan masa mengedit coding dan mengedit image dalam photoshop.

IPSA Network ialah blog bagi ICT Pharmacy Student Association (IPSA) iaitu persatuan pelajar farmasi di Kolej Teknologi Pulau di Balik Pulau, Pulau Pinang. Saya adalah antara beberapa orang yang in-charge berkenaan blog IPSA ini. Kali terakhir saya menukar rupa blog IPSA ini ialah pada kira-kira setahun lalu, dah lama sangat tu.

Saya sifatkan appearance blog IPSA sekarang sebagai rekaan blog terbaik pernah saya buat bagi blog menggunakan blogspot. Itu saya sendiri kata, anda pula bagaimana?

Template diatas adalah direka based on Marco blogger templates oleh TNB. Rekaan asal berwarna dark gray.

Apa yang menarik tentang template ini ialah ia mempunyai content space yang luas dan lebar, bolehlah menulis dan memasukkan gambar resolution besar dengan suka hati. Ia juga mempunyai banyak widget enable area, seperti yang anda lihat dalam screenshot. Itulah yang membuatkan saya terpikat dengan template ini.

Satu perkara saya kurang suka, iaitu warna. Saya tak pernah suka apa2 benda yang berwarna dark gray. Kalau hitam memang nampak cool, tapi dark gray saya kurang berkenan.

Lantas bermulalah aktiviti coding dan photoshopping. Untuk menambahkan coolness factor kepada template itu, beberapa perkara saya telah buat;

- Menukar keseluruhan color scheme, dan ini bermakna saya kena edit semua hex code dalam template, dan juga edit balik warna asal bagi image yang digunakan pada menu, sidebar, footer dll. Yang susahnya ialah nak matching-kan warna tulisan, sidebar dan background. Berpuluh2 kali saya cuba baru dapat jumpa yang matching.

- Menukar background, background woody yang asal nampak bosan kerana dah banyak blog saya tengok guna background sejibik macam tu, tiada kelainan. Saya gantikan background dengan background baru yang lebih cool, vortex blackapple purple. Saya compress size asal dan buat fixed, no-repeat. Sangat susah mencari background yang betul2 cantik dan matching dengan template.

Lepas beberapa ketika mengedit, saya dah cukup berpuas hati dengan template itu. Sekarang, nak aplikasikannya di blog IPSA Network pula. Untuk menambahkan lagi eye candy bagi template ini,

- Saya tambah code opacity kepada wrapper header, sidebar, content dan footer. Opacity factor saya buat sedikit sahaja sebab kalau transparent sangat susah nak baca tulisan. Sekarang template ini telah menjadi transparent. Saya mendapat idea unutk menambah transparency setelah melihat design di blog ini sendiri dan juga di JomPHP.

- Menambah widget recent posts with thumbnail. Kalau di worpdress saya gunakan plugin, tapi di blogspot saya gunakan script yang saya dapati di sini.

Recent posts with thumbnail memang nampak lebih cool dari widget recent posts biasa. Ia boleh memaparkan image yang terdapat dalam posts, jumlah komen, tarikh, tajuk dan excerpt. Sejak Eins Lobby menggunakan cara sedemikian untuk memaparkan recent posts, saya jadi obses, di blog2 lain pun saya akan buat juga widget seumpamanya.

Recent comments widget saya gunakan versi Blogger Buster.

Saya tambah Google Maps di bahagian sidebar. Kalau orang luar nak mengenali ICT bolehlah tengok dari maps, boleh dapatkan direction lagi.

Saya gunakan label cloud widget. Dah bosan dengan wp-cumulus atau sedaranya Blogumus. Tapi taktau macamana nak edit warna2 bagi label cloud ni.

Di bahagian comment saya gunakan embedded comment form. Saya juga tambah emoticon yahoo messenger untuk menyerikan ruangan komen. Cara membuatnya anda boleh lihat di sini.

Favicon yang lama saya telah gantikan dengan yang baru. Barulah nampak macam farmasi sikit, hehe. Gambar bekas ubat dan triturate…err..mortal n pestle.

Selesai edit template dan hias2 blog IPSA, saya tambah sedikit perkataan di bahagian footer. Kredit kepada designer asal saya kekalkan, tak elok remove pastu ngaku sendiri yang buat kan? Ini yang saya tambah di bahagian credits.

©2009 IPSA Network | Originally by TNB | Creatively and handsomely redesigned by EiNS TRiGGER | Exclusively for IPSA Network.

Sebenarnya tak susah mengedit blog blogspot. Hanya bahasa x/html dan css yang perlu anda tahu. Berbanding wordpress yang memang pening kepala nak edit template macam2. PHP memang bukan bahasa yang mudah, tapi serius, ianya seronok belajar PHP. Jom belajar PHP?

Oh ya, jika anda mencari template2 blogspot yang bagus, apa kata anda melihat post saya ini, 75 beautiful and elegant blogspot templates. Memang template yang cantik2 saja yang saya kumpulkan untuk anda cuba.

Dah panjang berjela entri ini, jika anda ada pertanyaan mengenai cara edit template, boleh rekues tutorial ya! Saya akan buat selagi ada masa.

Random Posts:

• About
• Politik mampu membutakan iman seseorang
• Selamat bercuti dan balik kampung!
• Cadangan untuk beli hadiah kepada lecturer aku
• EiNS, trigger the change