Keduanya harus dipisah karena masing-masing memiliki fungsi yang berbeda. Saya membutuhkan blog personal sebagai jurnal pribadi. Karena saya juga punya kehidupan lain selain pekerjaan. Saya perlu media untuk menceritakan berbagai pengalaman dan opini pribadi mengenai hal-hal yang… ya, pribadi, dengan cara yang juga pribadi. Berbeda dengan blog profesional di mana melalui tulisan saya harus memberi kesan dan gambaran profesionalisme, tingkat kemampuan, kredibilitas, dan mengenai apa yang saya kuasai di bidang yang saya geluti. Penjelasan, argumen, dan contoh untuk alasan memisahkan pekerjaan dan pribadi bisa menjadi bahasan khusus, dan biarlah itu menjadi bahasan untuk tulisan berikutnya.

So, long story short, saya meluncurkan web dan blog profesional dengan alamat AndiSaleh.com. Urusan pribadi akan tinggal di blog ini, dengan desain yang pada waktunya juga akan saya sesuaikan. Mengapa tidak domain baru itu yang tidak saya jadikan blog pribadi? Alasan sederhananya, lebih mudah menyebut “andi saleh dot com” dalam pertemuan dengan calon klien atau di media massa dibanding “andi dot saleh dot web dot id”.

Peralihan ini saya harapkan dapat lebih menyeimbangkan urusan kerja dan pribadi, dan membuat saya lebih rajin mengupdate blog pribadi tanpa harus terlalu khawatir mengenai dampaknya dengan pekerjaan.

Kunjungi AndiSaleh.com, dan jangan lupa subscribe RSS feednya.

Setelah beberapa hari menunggu, akhirnya kartu nama dari kartunama.net sampai juga ke rumah. Thanks buat Bung Agus Mulyono!

Kartu nama ini saya dapatkan secara cuma-cuma melalui promo terbatas yang brillian dari Bung Agus yang membagikan paket kartu nama gratis (termasuk ongkos kirim, lho) kepada 50 blogger Indonesia. Caranya sederhana sekali, cukup mengajukan permintaan kepada Bung Agus di kartunama.net. Setelah melalui seleksi dan dicantumkan dalam daftar blogger terpilih, kita dapat mengirimkan desain kita untuk dicetak dan dikirim, sekali lagi free tanpa biaya apapun. Kalau tidak punya desain sendiri, kita bisa memilih salah satu desain yang sudah disiapkan.

Saat tulisan ini dibuat, masih tersisa tempat untuk 29 orang lagi. Kalau belum mengajukan permintaan, langsung kirim email ke Bung Agus atau tinggalkan saja komentar di artikel promo tersebut. Good luck!

Di tulisan ini saya ingin berbagi pada semuanya sumber inspirasi di balik pembuatan situs ini. Saya berharap dengan tulisan ini kita bisa belajar bahwa kita dapat terinspirasi oleh semua hal hebat dan indah yang ada di sekitar kita, namun tetap menjadikannya unik dan khas dengan gaya kita masing-masing. Buka mata, kelilingi situs-situs dengan desain indah. Jangan merendahkan diri dengan hanya mengimitasi. Terinspirasilah olehnya. Menciptalah dari inspirasi itu dan jadikan ciptaanmu sumber inspirasi baru yang unik dengan gayamu sendiri. Dengan ini kita membawa pengakuan untuk keahlian yang kita miliki dan tetap menghargai mereka yang telah menginspirasi kita.

Sumber inspirasi

Situs-situs dan elemen desain berikutlah yang menginspirasi saya sepanjang pembuatan situs ini.

N.Design Studio

Menu navigasi dengan icon tersendiri seperti di N.Design Studio. Entah mengapa, saya sangat menyukainya. Tentunya icon berwarna-warni tidak akan cocok dengan keseluruhan situs ini jadi saya menggunakan icon satu warna yang sederhana.

Microsoft Windows Vista

Seiring pembuatan situs ini saya mulai menyadari kalau saya memang memulai dengan empat menu utama tapi bagaimana kalau nanti akhirnya saya menambahkan halaman Freebies berisi resource yang saya sediakan secara gratis? Mungkin saya perlu memisahkan Services menjadi halaman khusus yang juga butuh tempat tersendiri di navigasi? Bagaimana nanti kalau halaman Archive saya sudah siap?

Melihat besarnya kemungkinan menu di navigasi ini tertambah-sementara lebar situsnya tidak-saya memutuskan untuk memangkas lebar tiap item menu. Caranya? Jawabannya ada tepat di depan mata. Tepatnya di sudut kiri bawah layar saya sendiri. Sekarang saya bisa menderetkan belasan icon tanpa khawatir kehabisan tempat.

Alamsyah Rasid Blogry

Konsep untuk menu navigasi sudah ditetapkan. Icon kecil untuk tiap menu. Selanjutnya tentu saya harus menemukan bagaimana cara agar pengunjung situs ini mengetahui fungsi dan isi masing-masing icon. Kebetulan seorang sahabat dekat yang juga seorang web developer, Alamsyah Rasyid,  baru saja mengganti theme untuk blognya. Melihat mulusnya animasi kotak artikel terbarunya, menginspirasi bentuk akhir menu navigasi situs ini.

Barack Obama

Obama bukan hanya menginspirasi dunia lewat slogannya, “Hope” dan “Yes We Can”, tapi juga menginspirasi kotak dan list Connect yang saya gunakan. Seandainya saja layanan dan situs social networking yang saya ikuti juga sebanyak Obama.

Arthemia Premium WordPress Theme

Michael Jubel Hutagalung dengan sangat efektifnya memanfaatkan jQuery untuk daftar Featured Articlenya di Arthemia Premium. Daftar ini akhirnya berpindah fungsi untuk menampilkan slide portfolio saya di situs ini.

Problogger

Siapa yang tidak pernah berkunjung ke situs milik Darren Rowse ini? Dari kotak ini saya mengambil konsep pengelompokan metode subscribe yang terasa sangat sederhana dan mudah digunakan.

Tidak sulit bukan? Menemukan inspirasi dan memadukannya dengan kebutuhan dan gaya kita sendiri. Saya bisa melakukannya. Saya selalu dan akan tetap melakukannya. Giliran saya untuk menginspirasipun pada akhirnya akan tiba. Kalau saya bisa, tentu Anda juga.

This used to be a problem for me when I start coding a new Theme. As I go, I had to create Posts and Pages, populate the comments, move publish dates around, just to have content fill up the site so I can inspect then code and style the design. I’m sure you know what I mean. So I then decided to take some time and create my own standard content that I could import and reuse, saving much more time in the future and share something with the WordPress community.

I managed to put together into an XML file, a seemingly full content site that you can import right into a new installation of WordPress. You can use it to develop your Theme or have it in a demo site to showcase your Theme’s visual styles. These are the descriptions of what you’ll get.

Posts and Pages

• 9 Pages including 5 Sub Pages (the “About” page renamed to avoid doubles)
• 14 Posts to ensure pagination
• Short and long Post titles
• Posts in single and multiple categories
• Posts with and without tags
• Password protected Post

HTML elements

• Heading 1 to 6
• Strong, emphasized, and striked through words
• Hyperlinks
• Images with captions (floated and inline), emoticons
• Ordered and unordered lists two levels deep
• Blockquotes
• Code and preformatted text
• Superscripts and subscripts
• Tables and definition lists
• Big and small fonts

Comments

• Threaded comments for WordPress 2.7
• Comments from admin
• Pingback and trackback samples
• Post with comments closed (with and without comments prior to closing)
• Post with ping/trackbacks closed
• Post with both comments and ping/trackback closed

Categories and tags

• 11 categories, including 2 child categories to fill the list
• Category descriptions
• 29 tags with various post counts

Archive

• 14 months of archives to fill the list

How to use

• Download and extract the file to your computer
• Log into your Dashboard and go to Tools -> Import (or Manage -> Import for WordPress 2.6 and lower).
• Select WordPress at the bottom of the list
• Browse and select the XML file then hit the Upload button

Update

• Paragraphs assigned with special classes: warning, update, viewdemo, and download
• Added Posts and Pages
  

Click to see the demo site.

Click to download WordPress Sample Content.

Hampir semua anggota komunitas WongKito memasang badge WongKito pada masing-masing blog mereka dengan membuat hotlink langsung ke gambar badge yang dihost di server WongKito. Ini sengaja dilakukan agar desain badge tetap seragam dan dapat secara otomtatis berubah mengikuti tema atau event yang sedang berlangsung di komunitas. Badge normal WongKito disimpan dalam format GIF dan ditampilkan dengan tag <img src="http://wongkito.net/badge/wongkito.gif" /> sedangkan badge baru yang didesain disimpan dalam format PNG untuk memanfaatkan transparansi alpha PNG yang lebih baik.

Karena hampir tidak mungkin untuk meminta semua anggota komunitas mengupdate kode badge mereka agar merujuk ke badge baru (wongkito.png), maka badge lama perlu diredirect secara otomatis. Untuk keperluan ini file .htaccess memegang peranan. Saya membuat sebuah file .htaccess dan menambahkan dua baris sederhana agar file wongkito.gif secara otomatis memanggil badge wongkito.png dan menyimpan file ini di direktori /badge.

RewriteEngine On
RewriteRule ^wongkito.gif$ wongkito.png

Kini semua anggota komunitas menampilkan badge baru dengan fomat PNG tanpa harus merubah satu kode pun.

Cara ini juga bisa dilakukan untuk keperluan-keperluan yang lain seperti menyembunyikan format file asli, melindungi file-file penting, dan sebagainya.

Dengan angka pengguna IE6 yang masih “cukup signifkan”, kebutuhan untuk menguji desain halaman pada platform browser ini menjadi penting sekaligus membawa persoalan baru. Penyebabnya adalah karena dua versi browser IE tidak dapat dijalankan secara bersamaan pada sistem operasi yang sama dan kebanyakan desainer menggunakan IE7 yang prioritasnya lebih tinggi sebagai browser pengujian. Malah dengan Windows Vista, pilihan ini sudah ditetapkan sejak awal. Beberapa solusi ditawarkan untuk mengatasi hal ini, di antaranya layanan pengujian online berbasis “niat baik orang lain” atau solusi resmi namun berumur pendek dan menguras resource dari Microsoft.

Namun sekarang, ada sebuah solusi yang jauh lebih baik yaitu menggunakan IETester, browser gratis yang dapat merender halaman dengan engine IE6 langsung dari sistem operasi Windows kita sendiri! Engine yang didukung bukan hanya IE6, tapi IE5.5 sampai IE8 Beta. Saya telah mencoba browser ini dan puas dengan kinerjanya. Dengan aplikasi ini, pengujian halaman web untuk engine Internet Explorer 6 ke bawah menjadi sangat mudah. Tidak ada lagi menebak-nebak, atau menunggu hasil sceenshot, atau menghubungi teman malam-malam untuk dimintai bantuan.

Walau demikian, IE6 tetap sucks.

Download IETester

1. Saya pribadi menggunakan pendekatan berbeda untuk pengguna IE6 yang mengakses blog ini. ↩

Tergantung perspektif. Yang pasti apapun yang kita tulis dalam blog menggambarkan apa yang kita lakukan dan ini berlaku global. Termasuk juga dengan apa yang kita lakukan dengan blog kita, salah satunya, desain. Itu juga salah satu bentuk update kan?

Memang betul kalau konten tetap konten. Konten juga yang membuat sebuah blog menjalankan fungsinya dan idealnya selalu diupdate. Kembali lagi soal perspektif. Perspektif bahwa “konten harus diupdate secara periodik”, harus digeser dari penekanan pada kata “diupdate” ke kata “periodik”. Tiap orang berhak punya periode update mereka sendiri.

Update kali ini tujuannya tiga hal. Pertama, dengan rendah hati, menolak segala asumsi bahwa blog ini “jablai” dan jarang diupdate. “Jarang” punya makna yang beda sekali dengan “tidak”, dan dengan ini aku mendeklarasikan blog ini tidak “tidak diupdate” tapi, seperti yang sudah disinggung di atas, hanya memiliki periode update yang “tidak menentu”. Walau demikian, aku tetap berterima kasih pada teman-teman yang dengan niat baik selalu mengingatkan (baca:nyindir).

Kedua, yang secara otomatis juga sudah dilakukan, mengumumkan perubahan desain blog ini. Ya, desainnya dari scratch tapi intinya bukan hanya itu. Desain baru ini niatnya bisa mengakomodasi periode update blogku yang unik dengan beberapa perubahan. Selain membuat navigasinya lebih mudah, perubahan yang lebih khusus mungkin terlihat oleh teman-teman yang “SEO-savvy”. Perubahan lain yang juga kulakukan dengan tujuan membuat jarak update lebih subtle adalah dengan micro-blogging, memanfaatkan layanan twitter dan phone-blogging. Dengan ini aku tetap memberi update mengenai apa yang kulakukan dalam keseharian. Kalo dipikir, ternyata update blog ini tidak separah yang dikira kan..?

Terakhir, hmm. Nanti tolong ingatkan aku untuk menghapus baris ini.

Yap! Update selesai. Back to work.

1. Per artikel ini, Andi’s Weblog sudah menggunakan empat theme berbeda. ↩

Membaca tulisan seniorku tentang update twitter via SMS gateway, muncullah tulisan ini, yang sebetulnya sedikit ironis jika mempertimbangkan peringatanku sebelumnya yang bakal jarang update blog.

Mengupdate twitter via SMS, dengan tarif SMS normal tentunya, bisa dilakukan dengan mudah dan tanpa registrasi. Sebelumnya aku tuliskan kembali kalau cara ini hanya berlaku untuk pelanggan Telkomsel. Langkah-langkahnya:

1. Dapatkan email unik untuk account twitter kita di twittermail.com. Prinsipnya, pesan yang dikirim ke email ini akan menjadi update kita di twitter.
2. Untuk mengirimkan pesan ke email melalui SMS, cukup ketikkan SMS dengan format <email_twittermail>#<update_twitter> (contohnya, abcd1234@twittermail.com#update twitter via sms) dan kirimkan ke nomor 5678.
3. Selesai. SMS akan terkirim sebagai email dari nomor handphone kita dengan subjek “sms2email from telkomsel“. Subjek email diacuhkan oleh twitter. Tarif SMS normal.

Tentu saja cara ini bisa digunakan selain untuk mengupdate twitter. Formatnya tetap sama: alamat email tujuan, langsung diikuti tanda pagar, langsung diikuti pesan email.

Mungkin aman untuk bilang, sejadul apapun HP kamu, pasti bisa kirim SMS. Dan sekarang kamu bisa mengupdate twitter kamu di mana pun, kapan pun. Mohon jangan dibahas kalimat terakhir tadi. Cukup gunakan akal sehat untuk menentukan sendiri batasan “di mana pun, kapan pun”.

Semoga bermanfaat.

Di sini aku awalnya berpikiran, “Weks, ngajak kenalan n chatting nih? Perasaan aku gak ikut channel chat apapun di Y!M…”

Hmm… copy-paste. Gak masalahlah. Diladeni dulu.

Aku membayangkan pertanyaan selanjutnya adalah berapa penghasilanku per tahun. Apapun pertanyaannya, aku sedang kurang mood untuk ditanyai. Langsung kasih jawaban seadanya dan balikkan fokusnya ke dia.

Hmm… Grammarnya “bagus” sekali untuk seorang guru di US.

Hwoo…!! Aku sama sekali tidak berpengalaman soal chatting. Ini memang normal ya dalam sesi chat? Yang pasti aku gak akan sembarang kasih foto sama orang yang baru diajak bicara ngetik < 5 menit.

Setelah beberapa saat didiamkan, dia nge-buzz. Padahal sudah males. Ya sudah, tantang sekalian.

Nge-buzz, dan file fotonya pun siap diunduh.

Di-accept.

File dibuka. Pirang, berbaring di pinggir kolam, senyum Pepsodent. (Pakaiannya sopan lho, jangan berpikiran aneh-aneh.) Heavily Photoshopped. Mirip koleksi di stok foto-foto gratis dan aku sama sekali yakin itu bukan dia, tapi sebagai pria baik-baik yang akan tidak melukai perasaan wanita (kalo memang betul dia itu wanita)…

What the…??? Mungkin memang ini lazim untuk chat. Lazimkah? Gak mau, ah.

Busyet, gak paham ya. Ya sudahlah, nanti tinggal dihapus.

TUING..!!! Popup peringatan dari Kaspersky muncul. Detected:Trojan program Trojan-Spy.Win32.Agent.aba
Hohoho… ternyata ini isinya. Filenya berisi satu aplikasi bernama romancelove.exe. Otomatis dihapus. Pura-pura gak tau.

Gak sabaran banget. Membayangkan laki-laki di ruangan gelap di ujung sana, menanti respon dari aplikasi kirimannya.

Tentu saja aku tidak membukanya. Lanjut dengan sandiwara.

Huahahaha…

Di sini aku ingin memberi petunjuk kalo seluruh aplikasi di kompi ini punya update terkini, termasuk anti virus. Tapi apa boleh buat, masih ngotot juga.

Huehehe… penasaran ya…

Dari sini aku mulai bosan… dan mulai “bertanya”.

File dikirim lagi. Maksa banget…

Maksudku videonya, bukan file zipnya, Om…
Wekss… ngirim lagi?

Persistent.

Pura-pura jadi orang bego yang pura-pura pintar.

“Stacy” pun logoff kurang lebih 5 menit kemudian.