Arsip untuk kategori ‘Teknologi web’

New design

Monday, April 21st, 2008

Klo yang sebelumnya sudah pernah mampir akan sadar kalau tampilan blog saya baru. Lebih segar … (paling tidak menurut saya sendiri). Silahkan komentar baik di shout maupun di post-comment.

Desainya memang tidak terlalu wah. Karena saya sengaja membuat agar tampilannya tetap simple. Disini saya hanya memanfaatkan gradasi warna hijau dan abu-abu. Tidak lebih dari 1 jam untuk buat desainnya. Hanya saja , mencari gambar daun (lihat gambar diatas?) yang agak merepotkan. Sangat jarang ada gambar vector daun yang bagus (atau saya saja yang belum nemuin).

Setelah selesai mendesain di photoshop, hal berikut yang aga sulit adalah menterjemahkan desain yang ada di photohop ke dalam template baru blogger. Harus terlebih dahulu membaca-baca help-nya blogger untuk mengerti tag-tag aneh yang digunakan. Dan ternyata, tag tersebut sangat mudah (namun terlihat sangat rumit). Hanya kode HTML biasa, namun tag-nya tetap tidak stardart. Setelah sedikit bermain-main dengan CSS dan upload gambar ke photobucket, Akhirnya selesai juga proses transfer ke template blogger. Horizontal Bar-nya blogger yang ada di bagian tas itu tetap saya pasang, supaya pengunjung bisa melihat blog berikut yang siapa tahu menarik. Lagipula warnanya bisa cocok sama desain blog saya.

Selesai ? Oo.. tidak. Masih ada tahap testing halaman web di berbagai browser. Disini saya test munggunakan IE(versi7), Mozilla Firefox(2.0), dan Safari(3.0). Semuanya terlihat dengan baik. Hanya saja saya belum lihat dalam browser Opera. Tolong bantu saya mengetes tampilan blog saya ya. Design blog saya seharusnya gambar dibawah ini.

permanaj-net

Setelah semuanya berjalan lancar, barulah saya update warna google adsense saya, dan merubah shoutbox ke shoutmix yang sebelumnya memakai cbox.ws. Hasilnya jadilah seperti sekarang, hehehe …

Mencoba Facebook dan PageFlakes

Sunday, March 23rd, 2008

Sekarang saya lagi asyik bermain di Facebook dan Pageflakes. Bagi yang sudah tahu Facebook dan Pageflakes mungkin tidak perlu baca lebih lanjut :D .

Btw, Facebook adalah situs jejaring social di internet. Pasti banyak yang sudah tahu dong, walau menurut saya friendster masih lebih digandrungi di Indonesia – karena jumlah usernya dan banyak teman2x yg dari Indonesia – tapi dari sisi aplikasi, menurut saya Facebook jauh lebih asyik dan lebih hebat. Di dunia, Facebook juga sangat terkenal. Pengembang dari situs Facebook ini sekarang sudah menjadi salah satu orang kaya muda. Dibilang-bilang sih the next Bill Gates, karena kuliah di tempat yang sama.

Kalau Pageflakes, mungkin masih banyak yang belum tahu. Entah gimana menyebutnya situs yang satu ini. Yang pasti, pageflakes sangat cocok untuk dijadikan homepage pada browser anda. Dalam situs ini, ada banyak jenis informasi yang anda bisa akses. Dengan memanfaatkan teknologi AJAX, setiap informasi akan diproses tanpa perlu melakukan loading terhadap seluruh halaman, hanya pada bagian informasi yang ingin diakses saja dilakukan loading.

Saya sarankan sih untuk mencoba, sebab dua situs tersebut benar-benar bagus. Contoh dari kemajuan web, web 2.0.

Blogger Image Upload. Can I …

Thursday, February 28th, 2008

Anda biasanya posting artikel di blog via web ? kalo ya mungkin anda tidak mengalami masalah yang saya rasakan. Bagi blogger yang posting artikel via Office Word 2007 dan Membuat blog di blogger mungkin merasakan hal yang sama dengan saya. Ada masalah apa sih ? masalahnya ya, untuk posting upload gambar secara langsung dari Office Word 2007 tidak bisa dilakukan. Entah apakah saya yang belum tahu caranya atau gimana, tapi sampai saat ini masalah tersebut belum terselesaikan. Mungkin kalau ada orang yang tahu dan lagi baca posting saya ini berkenan untuk member tahu caranya.

Menggunakan w.blogger ? hmm … masih lebih suka pakai Office Word 2007. Soalnya kemarin testing pakai w.blogger, posting saya malah tidak ada judulnya. Kalau memang untuk bagian judul blogger memerlukan tag tertentu, berarti aku belum tahu tag apa itu. Ada yang mau member info ?

Kalau sudah begini, keinginan untuk mengaktifkan lagi blog di wordpress kembali timbul. Tapi karena di wordpress.com tidak bisa javascript akhirnya niat itu saya urungkan. Hosting sendiri ? ribet masalah bandwidth ntar kalau blog saya terkenal ( :D )

Alternatifnya ? ya posting saya kebanyakan cumin teks. Dan tidak ada categorynya pula. Coba blogger lebih terbuka lagi kayak wordpress.com pasti lebih asyik. Iya sih sudah saya coba halaman khusus pengembang di blogger.com, tapi masih terlalu sedikit. Infonya kurang begitu lengkap.

Terus gimana ya ? ya mau gimana lagi, saya ucapkan maaf kalau posting banyak yg tidak ada kategorinya, maaf juga kalau kebanyakan teksnya *hiks*, :D

Mybloglog

Thursday, February 28th, 2008

Sudah pernah nyoba mybloglog ? Bagi yang sudah sering nge-blog pasti sudah tahu mybloglog. Nah, posting ini bagi yang belum pernah nyoba mybloglog.com. Yang sudah pakai mybloglog boleh skip artikel ini. Aku buat artikel ini karena ada blogger yang belum tahu mybloglog.

Sebelumnya, apa itu mybloglog ? Penjelasan gampangnya begini. Lihat pada bagian kanan atas blogku ? Nah, ada bagian Recent reader kan ? Disitu diperlihatkan siapa saja orang yang membaca artikel di blogku. Jika anda telah login di mybloglog.com maka akan ditampilkan nama anda ( dan foto kalau sudah upload foto). Jika belum login di mybloglog.com (atau belum punya account di mybloglog.com), maka aka nada tulisan ‘You’. Ituliah gunanya mybloglog.com, memperlihatkan pembaca terakhir blog anda.

Agar pembaca tampil didalam daftar, pembaca blog anda harus sudah login ke mybloglog dulu. Kenapa mybloglog.com ? Karena banyak yang pakai. Banyak blogger memasang widget tersebut di blognya, apalagi pengguna wordpress, hamper semua blog di wordpress.com ada widget dari mybloglog itu.

Mau ikutan? Gampang.

  1. Buka situs mybloglog.com.
  2. Anda punya email di yahoo? Atau account di yahoo? Langsung aja sign in. Kalau tidak register dulu. Ikutin proses registernya. Setelah berhasil , sign in. saya tidak akan menjelaskan proses registernya disini karena terlalu mendasar. Tapi andai ada masalah, comment aja.
  3. Kenapa bisa login pake account di Yahoo? Layanan mybloglog integrate sama yahoo, makanya bisa nyetel. Mungkin Yahoo sudah membeli mybloglog makanya bisa nyambung.
  4. Setelah login, akan dibawa ke halaman awal. Anda punya blog? Tambahkan widget ‘Recent reader’ di blog anda. Klik aja ‘Add blog that I author’. Nanti setelah beberapa proses akan dikasi code yang harus dicopy-paste. Kalau anda pengguna blogger akan diberi tag script, kalau pakai wordpress.com akan dikasi tag div.

Setelah gabung di mybloglog, jangan lupa buka blogku lagi, maka nama anda akan terlihat di “Recent reader” blogku. Jadi orang-orang akan lebih mengenal anda :D

Customizing Dreamweaver Help Menus

Wednesday, February 27th, 2008

Kemarin hari saya baru saja mendownload Manual PHP versi CHM dari situs PHP.net . Sepertinya sih hasil downloadnya agak corrupt soalnya di bagian ‘ZEND API Reference’ gak bisa kebuka. Nanti saja download yg versi ZIPnya.

Terus buka Dreamweaver (versi 8) mau bikin sesuatu dengan PHP. Terus buka file CHM hasil download tadi. Selama sekian menit ngoding dengan berulang-ulang kali membuka file manual PHP. Akhirnya saya berpikir ‘duh, repot banget klo tiap kali berulang-ulang membuka file CHM dan harus browse ke folder tempat file CHMnya disimpan’. Akhirnya ada ide supaya bisa membuka file CHM tadi langsung dari Dreamweaver. Akhirnya ? done! Setelah beberapa menit mengutak-atik konfigurasi Dreamweaver akhirnya bisa juga. hasilnya seperti gambar di bawah.

How to play nih ?

  1. Pertama-tama, buka folder templat instalasi Dreamweaver. Folder instalasnya biasanya namanya Macromedia. Sudah ketemu ? buka folder tersebut kemudian buka file Dreamweaver 8.
  2. Kemudian buka beberapa folder, yaitu : Configuration\Menus\, Configuration\Menus\MM , dan Help\.
  3. Backup file yang ada di Configuration\Menus\menus.xml dan Help\help.xml . Walaupun sudah ada backupnya di folder tersebut (.bak) tapi tidak ada salahnya membuat backup di tempat tersendiri. Kemudian backup juga file yang ada di Configuration\Menus\MM\CSHelp.htm . backup file CSHelp.htm-nya. File-file yang kita ubah tadi akan kita edit.
  4. Pertama-tama ,kita edit file menus.xml yang ada di folder Configuration\Menus\ . Buka file tersebut kemudian tambahkan tag berikut:

    <menuitem name=”_PHP Manual”
    enabled=”true”
    arguments=”‘PHPManual’”
    file=”Menus/MM/CSHelp.htm”
    id=”DWMenu_Help_PHPManual” />
    .

    Dimana menambahkannya ? pertanyan bagus. Untuk hal yang satu ini perlu sedikit pengetahuan tentang XML. Baiklah, lihat pada bagian paling bawah file menus.xml. Anda lihat tag </menus> lihat diatasnya lagi. Lihat tag </menubar> ? lihat lagi tag diatasnya. Lihat tag </menu> ? nah sekarang cari tag pembukanya yakni tag <menu name=”_Help” id=”DWMenu_Help” >. Nah diantara tag <menu> dan </menu> itulah anda harus menambahkan kode diatas tadi. Terserah dimana saja boleh anda tambahkan. Untuk mudahnya. Tambahkan saja paling atas. Tepat setelah <menu name=”_Help” id=”DWMenu_Help”>.

    Hal diatas tadi untuk menambahkan menu kedalam menubar Help dreamweaver. Sekarang kita edit edit file berikutnya.

  5. Buka file help.xml. Tambahkan baris kode:

    <book-id id=“PHPManual”
    win-mapping=“php_manual_en.chm”
    mac-mapping=“PHP Manual”/>

    Dimana menambahkannya ? Yang udah ngerti XML pasti udah tahu. Yup, anda boleh tambahkan setelah tag <?xml version=”1.0″ ?>. Sekarang kita akan mengedit file CSHelp.htm

  6. Buka file CSHelp.htm, buka dengan notepad, jangan dibuka dengan Browser karena kita akan mengubah beberapa javascriptnya. Sudah dibuka ? nah lihat pada bagian scriptnya. Yang perlu dilakukan disini adalah menambahkan suatu kondisi. Tambahkan code berikut :

    else if (arguments[0] == ‘PHPManual’ { helpDoc = “PHPManual:index.htm”; }

    Dimana ditambahkan ? Cari dari bawah kata else. Yup, tambahkan sebelum kata tersebut.

  7. Terakhir, jangan lupa copy file php_manual_en.chm ke folder Help\ . Done ! Hal itu saja yang perlu dilakukan. Setelah selesai, tutup Dreamweaver dan Buka kembali.

Ada masalah ? comment aja. Nanti akan aku jawab secepatnya.

Every site create it’s own Markup Language

Monday, February 25th, 2008

Sekarang semua situs membuat bahasa markup-nya sendiri-sendiri. Google dengan Google Markup Language-nya (GML), Facebook dengan FBML-nya (FaceBook Markup Language). Dan mungkin masih banyak lagi yang belum saya ketahui.

Hal ini semakin menunjukkan bahwa spesifikasi XHTML dirasa kurang. Atau mungkin karena website tersebut mempunyai kerperluan spesifik yang tidak diperlukan situs lain, makanya bikin bahasa markup language sendiri.

Hal ini jadi menambah pekerjaan developer. Kalo mau buat widget jadinya harus programming berdasarkan markup language situs tersebut. Cara yang lebih gampang ya pake aja tag <script> untuk menaruh widget.

Use Download Manager …

Thursday, February 14th, 2008

Direkomendasikan banget untuk pake download manager klo mau download. Pake aja mass downloader, atau download accelerator. Aku sendiri pake mass downloader, karena lebih merasa nyaman pake mass downloader.

Sedikit tips buat yang pake mass downloader sebagai downlod managernya.

  1. Integrate. Yup, setelah install mass downloader jangan dulu buka browser. Klik tools -> options pada mass downloader, lalu cari bagian integrate broswer. Karena aku pake Firefox, IE7 dan opera, jadi aku beri tanda centang pada 3 browser tersebut. Setelah itu klik OK atau apply. Setelah itu baru buka browser.
  2. Cari crack. Supaya ga da tulisan trial version aja habisnya menggangu :D

Web downloader :

Suka ama suatu situs ? ingin download situ tersebut ? pake aja HTTrack (WinHTTrack untuk versi windowsnya). Download dimana ? cari aja di google pake kata kunci WinHTTrack. Pasti ketemu.