Jumat, 13 Juni 2008

Icon Address Bar


Membuat icon pada address bar bisa di lakukan dengan peralatan seadanya. Standard yang biasa digunakan adalah menggunakan gambar .ico (icon) (16x16). Sedangkan untuk membuat .ico harus menggunakan software khusus.

Icon pada address bar sebenarnya tidak harus menggunakan .ico bisa juga dengan menggunakan .jpg dengan ukuran (16x16). Kalo saya biasa membuat gambar pada address bar dengan peralatan seperti excel, paint, dan tentu saja gambar yang akan dijadikan icon.

Setelah peralatan tersedia seluruhnya maka marilah kita mulai ....

Pertama-tama mari kita cari/buat/tentukan gambar yang ingin kita gunakan sebagai icon (kalo bisa gabar yang di buat ukurannya simetris). Setelah kita dapatkan gambar maka ubah ukurannya dengan paint (Start > All Programs > Accessories > Paint), bisa juga menggunakan software yang lain semisal corel, photoshop. Tapi karena kurang mahir menggunakan keduanya saya pake yang seadanya aja.

Setelah gambar terbuka maka kita lihat ukuran gambar sebenarnya Ctrl+E atau klik pada menu bar Images > Attributes...




Maka akan di ketahui nilai width dan height.

Kemudian yang akan kila lakukan adalah menghitung perkecilan gambar. Sebenarnya bisa juga menggunakan kalkulator. Buka excel atau Start > All Programs > Microsoft Office > Excel.

Masukkan nilai height dan width pada baris yang berbeda, masukkan nilai 16 pada kolom di sebelahnya. Untuk kolom sebelahnya lagi isikan ”=B1/A1”.


Jangan lupa format kolom di ganti percentage (klik pada kolom kemudian tekan Ctrl+1, pilih percentage)



Maka akan di dapat nilai perkecilan.

Kemudian kembali ke gambar pada paint pilih Images > Stretch/Skew... (Ctrl+W). Masukkan nilai stretch sesuai dengan nilai perkecilan yang didapatkan tadi. Klik OK.


Kemudian Save As misal di beri nama icon-baru.jpg (jadi gambar baru dengan ukuran 16x16). Biasanya kalo kualitas gambar kurang bagus maka akan dapat gambar blur atau mungkin pecah-pecah. Supaya masih tetap bagus bisa menggunakanan tools yang lain.

Kemudian setelah mendapatkan gamber dengan ukuran 16x16 maka tinggal di pasang pada website yang ingin kita gunakan. Untuk meletakkannya gunakan script di bawah ini masukkan pada header. Dimana pada href=”” isikan alamat dari gambar yang sudah di buat tersebut.



Hasilnya bisa langsung di lihat melalui browser.



SELAMAT MENCOBA!!!

Sering kali kita lupa mensyukuri nikmat 4JJI

karena terlalu sibuk menyesali apa yang tidak kita miliki

file dapat di download di sini.

Tidak ada komentar: