Posts tagged with Web Design :

Redesign FikriRasyid.com di Desember 2008

Written by Fikri Rasyid on December 6, 2008 filed under internet and tagged with

in500pxline wordpress theme

in500pxline wordpress theme

Setelah berhari – hari tertunda, akhirnya redesign blog ini beres juga. Dari beberapa konsep yang terpikir ( mulai dari pattern batik hingga paternless ), akhirnya simplicity lagi yang dipilih. :P

Pada design kali ini saya benar – benar mencoba membuat design yang simple. Pada redesign bloggingly kemarin saya mengaplikasikan simplicity, tapi kali ini saya ingin “lebih simplicity” lagi. Jadilah bereksperimen dengan 1-kolom-rata-tengah-500 piksel untuk konten utamanya. di bagian bawah, saya buat menjadi 4 kolom, agar tidak terlalu panjang kebawah. :P

Untuk kombinasi warnanya, saya gunakan kombinasi warna yang sama dengan yang saya gunakan di bloggingly : kombo putih + merah + abu – abu + krem. Rasanya asik melihatnya, simpel dan ringan. Meskipun kesannya jadi “tidak terpikir kombinasi yang lain”, tapi tak apalah. Biar kombo warna ini identik dengan saya dan blog yang saya tangani sekalian :P

Ngomong – ngomong, jika ada usulan atau menemukan bagian yang belum tereksekusi dengan benar (cacat desain), tolong diberitahukan via form komentar y. Dan memang ada beberapa bagian yang ingin kami kembangkan sih. Lalu, design blog terlihat totally crap di IE 6. Maka dari itu, wahai para pengguna IE 6, segeralah beralih kepada Mozilla Firefox. Saya bukan aktivis savethedeveloper sih, tapi percayalah, jika anda mempelajari CSS, anda akan *setidaknya* sedikit menyesalkan kehadiran browser dengan pangsa 60% lebih pengguna internet ini.

Overall, bagaimana tampilan baru ini menurut anda?

8 Langkah Membuat Theme WordPress

Written by Fikri Rasyid on November 16, 2008 filed under internet and tagged with , ,

Well, beberapa dari anda mungkin sudah mengetahui bahwa selain blog ini, saya juga mempublikasikan sebuah blog berniche blogging berdomain http://bloggingly.com. Dan dalam sepekan terakhir, saya di bloggingly berkutat dengan tema pekan ini : Tutorial Cara Membuat Theme WordPress.

Pelajaran yang saya pelajari pekan ini : Membuat tutorial yang baik itu tidak mudah.

:P

Oke deh, untuk anda – anda yang dari dulu dan baru – baru ini penasaran bagaimana cara membuat theme wordpress sendiri, ini link menuju Tutorial yang saya buat di Bloggingly.com

Panduan Membuat Theme WordPress, dalam 8 post saja :

Yup, Have fun with it, dan berikan komentarnya y. :D

akhirnya redesign juga

Written by Fikri Rasyid on September 12, 2008 filed under internet and tagged with ,

setelah cukup lama menggunakan theme black woodie 0.1 kemarin, akhirnya saya memutuskan untuk meredesain kembali blog saya. kenapa y, kalau theme blog itu, pertama kali diinstal ok. lama – kelamaan nafsu untuk merubanya semakin besar saja :P

simply grass bloggingly

Theme kali ini saya buat berdasarkan theme yang saya buat untuk bloggingly. saya namakan simply grass bl0ggingly 01. strukturnya semua sama, hanya permainan warnanya saja dibuat berbeda. Kalau di bloggingly dibut agak pop, disini( karena blog pribadi, representasi diri :P ) saya buat agak calm dengan background hijau rerumputan. Meskipun warna merah putinya membuat blog ini terlihat agak ngejreng. sih. tapi tak apalah. merah kan secara psikologis membuat orang menjadi lebih bersemangat. *loh? :P

lalu, saya juga menamba beberapa fitur disini. seperti Brian’s threaded comments ( untuk membuat form komentar seperti thread forum, sehingga saya harapkan interaksi antar pengungjung menjadi semakim mudah. Makanya, ayo komen! :P ) dan Stray Random quotes untuk menampilkan quote secara random. Untuk kedepannya kita bisa tambah beberapa hal lagi agar lebih menyenangkan lagi :)

Tadinya saya hendak mengupgradenya ke 2.6.2, tapi download file dari wordpress.org nya belum berhasil2 juga. Nantilah, kita coba lagi. :)

redisign fikrirasyid.com : black woodie 0.1 theme

Written by Fikri Rasyid on August 11, 2008 filed under internet and tagged with ,

WordPress themes : black woodie theme

Screenshot black woodie 0.1 Themes

aha, hari kemarin saya menggunakan sebagian besar waktu saya untuk mempelajari cara meng-customize profile friendster karena terpikir sebagai celah penghasilan seperti yang dilakukan oleh Ashley Quals, si jutawan profile itu. Hingga akhirnya Alhamdulillah saya sudah paham polanya. Setelah itu, saya kembali tergoda untuk me-redesign blog ini. setelah saya lihat – lihat, ada yang kurang dengan theme yang kemarin. Simple sih, namun ada beberapa hal yang masih bisa di perkeren.

Maka dari itu, saya saya mulai meredesign, dengan kerangka theme Bloggingly orange yang saya buat untuk bloggingly.com. Dengan beberapa tambahan ilmu yang baru saya dapat, Hola! inilah hasilnya. :D

Masih tetap simpe, karena sedang senang yang simple2. KISS! Keep It Simple Stupid. ehehe.Dan juga, sudah support gravatar! hehe, jadi buat pengunjung yang datang, jangan ragu – ragu unutk menampilkan gravatar anda dengan komentar disini. hehehe.

Untuk yang ingin tahu cara membuat themes menjadi gravatar ready, secepatnya saya buatkan tutorialnya di bloggingly.com. :)

Lalu, untuk iconnya saya buat splash warna warni. Selain berdasarkan blog ini splash merupakan trend desain 2008, saya suka dengan kesan yang di tampilkan. Splash warna warni. Ceria. Antusias. Apa lagi sekarang bulan agustus. Loh, memang apa hubungannya? Hubungan bulan agustus dan splash warna warni? hubungannya ya… baik – baik saja. :P

membuat dropdown menu untuk joomla 1.5.3 menggunakan suckerfish

Written by Fikri Rasyid on June 21, 2008 filed under internet and tagged with , ,

Setiap pengguna joomla pasti tahu bahwa di belantara internet sana tersedia ribuan template gratis siap download untuk mempercantik halaman situs joomlanya. Namun kekurangan dari template joomla gratis, adalah kenyataan bahwa besar kemungkinan template gratis tersebut sudah dipakai orang lain untuk situs mereka sendiri. Dan kenyataan bahwa menjadi generik dalam hal kesamaan tampilan situs adalah sesuatu yang tidak menyenangkan, untuk menghadapi hal ini tersedia tiga pilihan :

1. Membeli template berbayar. meskipun kemungkinan sudah dipakai orang lain tetap ada, tetapi probabilitanya relatif lebih kecil. Kelemahanlain dari pilihan ini adalah, untuk sebuah template yang ciamik, harga yang harus di tebus lumayan juga. :D

2. Meng-hire seorang web designer untuk membuat template yang khusus untuk anda sendiri. Oke, no need to tell. Biaya untuk meng-hire seorang web designer yang cakap relatif tidak sedikit.

3. Buat sendiri template joomla anda. Pilihan yang menarik. belum tahu ilmu membuat template? belum paham struktur template? Bersyukurlah anda hidup di abad ini. Uncle Google siap mencarikan jawaban dari pertanyaan anda. :)

Memang, perlu diakui meskipun kelebihan dari pilihan ketiga ini sudah jelas :

1. Biaya yang dikeluarkan relatif lebih sedikit dari pilihan 1 & 2

2. Anda dapat ilmunya. Pengaplikasian ilmu yang anda dapat bisa bermakna besar.

Namun tidak semua orang siap untuk menjalankan pilihan ketiga. Karena memang selain butuh waktu, butuh kesabaran dan ketekunan juga. :)

Disini saya ingin berbagi tentang apa yang saya pelajari hari ini. Sebuah hasil dari pilihan yang saya ambil, yaitu pilihan ketiga :

membuat dropdown menu untuk joomla 1.5.3

Jadi begini. Awalnya saya ingin membuat sebuah menu yang bisa di drop down, seperti situs ini. Dan setelah berkelana keberbagai situs joomla dan forum joomla via jawaban paman google, akhirnya dapat juga :

1. download module extended-menu-module-1.0.5.zip silahkan di googling atau langsung ke http://de.siteof.de setelah itu install, dan konfigurasikan.

2. download suckerfish-horizontal-1.0.1.zip modul ini saya dapat di tempat yang sama. setelah download, ekstrak file ke direktori template joomla anda. contoh : http://localhost/joomla/template/templateanda/

3. konfigurasikan file index.php template anda. hubungkan index.php dengan file css dan javascript menggunakan tag <link rel=”"> pada bagian <head>

4. edit css nya agar style nya sesuai kebutuhan anda.

Perhatian: saat anda ke http://de.siteof.de , terdapat beberapa versi dari module yang saya berikan. Yang saya coba dan teenyata berhasil versi yang saya tulis ini.

Selamat mencoba!

:)

membuat Dropdown menu untuk joomla 1.5.3 menggunakan suckerfish, konfigurasi administrator ( bagian 2)

membenahi blog ini part 2 ( merubah theme )

Written by Fikri Rasyid on June 15, 2008 filed under internet and tagged with ,

Oke. langkah kedua setelah mengeset permalink, akhirnya saya memutuskan untuk mengganti iTheme yang sudah satu bulan lebih menjadi kulit muka blog ini. Bukannya theme ini kurang keren. namun saking kerennya, saya menemukan beberapa blog dengan theme serupa. :D

Dan menjadi generik itu kurang mengasikkan y? :P

Perburuan theme pun dimulai. Setelah berkeliling via uncle google , bukan theme yang saya dapat. Tapi inspirasi dan kenyataan.  Kenyataan bahwa mencari theme wordpress yang benar – benar klop dihati itu sulit juga. Dan inspirasi untuk membuat theme wordpress sendiri. Sulit mencari theme wordpress yang sesuai? Buat sendiri saja sekalian. :D
Pencarian ilmu membuat theme wordpress ini membuat saya menemukan beberapa postingan terjemahan tutorial membuat theme wordpress. Namun ternyata tutorial ternyaman saya dapatkan di wpdesigner.com . Untuk anda – anda yang kebelet hendak membuat theme sendiri dan membutuhkan tutorial yang lebih bersahabat, saya rekomendasikan link diatas. Cara bertuturnya relatif mudah dimengerti meskipun dalam bahasa inggris.

Setelah membaca sekumpulan artikel  dari wpdesigner.com dan mencobanya plus satu theme percobaan yang porak poranda hasil eksperimen, saya akhirnya memulai membuat theme. Tadinya saya berniat membuat theme dengan tampilan pop art, namun akhirnya malah ingin yang simple dan clean saja. Akhirnya kembali berputar – putarmencari referensi, dan voila! akhirnya terjadi juga theme ini.  Niatnya simple and clean, malah jadi really really simple and really really clean. hehehe. No problemo lah.

F’s simpliciry 01 screenshot

Berhubung tiap theme harus punya nama, dan berhubung ini perdana, dan siapa tahu suatu saat saya punya rezeki berlimpah dari bisnis theme, ( amiiin … :P ) maka saya putuskan bahwa theme ini harus memiliki nama. dan setelah pemikiran singkat dan sederhana, saya beri nama F’s simplicity 01. Harapan saya simplicity buatan F ini suatu saat akan keluar versi 02, 03, dan seterusnya. amiin.