Mungkin pada saat kita melihat desktop Windows 7 pada PC/Laptop, kita melihat beberapa tampilan gadget yang begitu menakjubkan. Trus bagaimana kalau kita membuatnya sendiri? Oke kita mulai membuat gadget tersebut step by step. Gak ada software khusus hanya untuk membuat gadget tersebut, hanya sedikit pengetahuan tentang HTML (sedikit saja lho, gak usah banyak-banyak. Tapi kalau punya lebih gak apa-apa sih, malah dianjurkan). Apakah anda termasuk dalam kategori tersebut? Saya yakin anda termasuk dalam kategori diatas, malahan melebihi pengetahuan penulis.
Oke kita mulai proyek ini, Pertama kita siapkan software yang umum kita pakai yaitu Winzip, Winrar, 7-Zip, etc… yang penting software compress yang menjamur didunia. Kemudian siapkan 2 gambar “icon.png” ukuran 100×100 px dan “imutz.gif” ukuran 240×320 px (tanpa tanda petik).
Selanjutnya, Copas (copy_paste –red) kode dibawah ini pada aplikasi Notepad:
<gadget> 02 03 <name>Imutz Gadget</name> 04 05 <version>1.0.0.0</version> 06 07 <author name="Pentium Setengah"> 08 09 <info url="imutz.net" /> 10 11 <logo src="icon.png" /> 12 13 </author> 14 15 <icons> 16 17 <icon height="48" width="48" src="icon.png" /> 18 19 </icons> 20 21 <copyright>imutz Corp.</copyright> 22 23 <description>Menampilkan Gadget ciptaan kita sendiri</description> 24 25 <hosts> 26 27 <host name="sidebar"> 28 29 <base type="HTML" apiVersion="1.0.0" src="<strong><span style="color: #ff0000;">imutz.html</span></strong>" /> 30 31 <permissions>Full</permissions> 32 33 <platform minPlatformVersion="1.0" /> 34 35 </host> 36 37 </hosts> 38 39 </gadget>
Setelah itu save as dengan nama gadget.xml. Kemudian kita tulis lagi /Copas tulisan dibawah ini:
<html> 02 03 <head> 04 05 <meta http-equiv="Content-Type" content="text/html; charset=Unicode" /> 06 07 <title>imutz</title> 08 09 <style type="text/css"> 10 11 body12 13 { 14 15 margin: 0; 16 17 width: 130px; 18 19 height: 100px; 20 21 font-family: verdana; 22 23 font-weight: bold; 24 25 font-size: small; 26 27 } 28 29 #gadgetContent 30 31 { 32 33 margin-top: 20px; 34 35 width: 130px; 36 37 vertical-align: middle; 38 39 text-align: center; 40 41 overflow: hidden; 42 43 } 44 45 </style> 46 47 <script> 48 49 </script> 50 51 </head> 52 53 <body> 54 55 <img src="imutz.gif"> 56 57 </body> 58 59 </html>
Save as dengan nama file *.html pada script sebelumnya.
Setelah itu persiapkan icon.png dan imutz.gif, kumpulkan semua file yang kita buat tadi dalam sebuah folder, setelah semua terkumpul dalam satu folder, drag semua file yang didalam folder tersebut, klik kanan -> Sent to -> pilih Compressed (zipped) folder.
Setelah selesai di-compress, ubah ekstensi “.zip” menjadi “.gadget” (tanpa tanda petik).
Seperti opsi standar ekstensi-ekstensi itu di sembunyikan, trus untuk menampilkan ekstensi itu bisa dengan cara klik Tool –> Folder Options (atau masuk ke control panel, cari Folder Options, klik 2x) –> View –> hilangkan checkmark pada Hide Extensions for known type files.
Setelah itu klik dua kali file yang kita buat tadi. Dan walhasil…… jreng – jreng……
Catatan: Contoh gadget yang kita buat diatas hanya untuk menampilkan gambar gif yang kita punya sebelumnya pada desktop kita. Untuk membuat gadget yang lain (yang lebih menarik –red), anda bisa kembangkan sendiri codenya, tinggal kreatifitas kita aja. Selamat ngoprek komputer anda. Eh sebentar satu lagi, jadi kesimpulannya semua Style, Skin, Welcome Screen,Tema HP, atau masih banyak lagi, kebanyakan menggunakan *.*zip sebagai dasar pembuatannya, kemudian ekstensi tersebut di ubah sesuai dengan format yang sesuai dengan apa yang mereka (Programmer -red) kehendaki.
Tidak ada komentar:
Posting Komentar