CARA MEMBUAT GADGET PADA DESKTOP WINDOWS 7


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 “MJ_Hack.gif” ukuran 240×320 px (tanpa tanda petik).
Selanjutnya, Copas (copy_paste –red) kode dibawah ini pada aplikasi Notepad:

<gadget>
<name>MJ_Hack Gadget</name>
<version>1.0.0.0</version>
<author name="Pentium Setengah">
<info url="mj-hack.blogspot.com" />
<logo src="icon.png" />
</author>
<icons>
<icon height="48" width="48" src="icon.png" />
</icons>
<copyright>MJ_Hack Corp.</copyright>
<description>Menampilkan Gadget ciptaan kita sendiri</description>
<hosts>
<host name="sidebar">
<base type="HTML" apiVersion="1.0.0" src="mjhack.html" />
<permissions>Full</permissions>
<platform minPlatformVersion="1.0" />
</host>
</hosts>
</gadget>

Setelah itu save as dengan nama gadget.xml. Kemudian kita tulis lagi atau Copas tulisan dibawah ini:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Unicode" />
<title>MJ_Hack</title>
<style type="text/css">
body
{
margin: 0;
width: 130px;
height: 100px;
font-family: verdana;
font-weight: bold;
font-size: small;
}
#gadgetContent
{
margin-top: 20px;
width: 130px;
vertical-align: middle;
text-align: center;
overflow: hidden;
}
</style>
<script>
</script>
</head>
<body>
<img src="MJ_Hack.gif">
</body>
</html>

Save as dengan nama file *.html pada script sebelumnya.
Setelah itu persiapkan icon.png dan MJ_Hack.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. Referensi: RAHASIA DIBALIK EKSTENSI *.*zip.

Iklan

73 thoughts on “CARA MEMBUAT GADGET PADA DESKTOP WINDOWS 7

    • Pentium Setengah berkata:

      Bisa saja mas, gadget tersebut dibuat berdasarkan tag HTML, kalau tag gambar menggunakan

      <img src="nama_gambar.gif">
      

      kalau *.swf / flash, tinggal mengganti tag tersebut dengan tag flash

      <object>
      <embed src="nama_file.swf">
      </embed>
      </object>
      

      kurang lebih contohnya seperti itu, tinggal mas aja yang ngembangin….
      terima kasih sudah berkunjung….

      • Choiroel berkata:

        belum tahu saya mas. soalnya jarang ngoprek lagi. coba diinovasi sendiri, siapa tahu bisa. hehe.. 🙂

    • Pentium Setengah berkata:

      disitu khan ada petunjuknya, sediain dulu gambar yang akan dipakai.
      nanti aku kasih filenya…

    • Juru Ketik berkata:

      kirim aja hasil buatan kamu…. soalnya aku jarang gagal sih….
      mungkin aja bisa bantu….

  1. minoru berkata:

    gan minta scrip buat jam dungs atau kita bisa lihat ga scrip gadaget yg sudah ada di windows untuk kita ubah kalo bisa caranya gimana gan tolong jelas kan dungs

    • Juru Ketik berkata:

      wah, maaf, saya kalo model jam, menggunakan file swf/flash, kalo script buat jam mungkin agan bisa oprek sendiri.. 🙂

  2. yy berkata:

    gan tolong dibuatin tutorial untuk file swfnya ane salah mulu,kunjungi blog sederhana ane hehe yyahs.wordpress.com

Ejekan:

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s