Mohon maaf, mungkin terdapat beberpa tulisan yang contohnya tidak ada dan tidak dapat didownload bahkan sudah tidak dapat diterapkan. Hal ini dikarenakan tulisan tersebut dibuat babaerapa tahun lalu (jadul).

19 June 2010

Membuat Efek Tombol Gambar Dinamis

Administrator 19 June 2010 0
Membuat Efek Tombol Gambar Dinamis
Nah, setelah beberapa artikel yang lalu saya menuliskan bagaimana cara membuat text field dinamis, sekarang saya akan mencoba menuliskan artikel yang sama caa kerjanya tapi berbeda berdasarkan fungsinya. Masih bingung apa yang saya maksud mikir ? Ok, sedikit penjelasan yang akan saya sampaikan. Maksud dari tombol dinamis ini adalah, ketika kita membuat suatu tombol bergambar dan ketika kursor didekatkan, maka tombol gambar tersebut tampak terlihat timbul.
Contoh di samping ini merupakan Tombol dinamis yang saya maksudkan dan kita akan mencoba membuat tombol tersebut untuk ditampilkan pada suatu web atau blog yang kita miliki. Ok, tanpa banyak penjelasan lagi, langsung saja kita mulai membuat seperti di samping ini. bagooos

Untuk membuat tombol tersebut, awalnya kita membutuhkan 2 buah gambar yang akan di tampilkan. yakni 1 gambar yang ditampilkan sebelum kursor didekatkan dan satu gambar lainnya ditampilkan ketika kursor didekatkan. Disarankan agar kedua gambar tersebut sama tampak visual namun salah satu gambarnya berukuran sedikit lebih kecil dan diberi efek gambar berupa frame. Jika sudah, mari kita ke tahap selanjutnya.

Tahap selanjutnya ini, kita akan mencoba memulai menuliskan suatu koding. Koding tersebut adalah:
<div href='http://contohnya.net/' onmouseout='document.tombol.src='1.png'' onmouseover='document.tombol.src='2.png''>
  <img align='left' name='tombol' src='1.png' width='100' />
</div>
Penjelasan dari kode inti HTML yang tertulis di atas adalah :
  1. onMouseOver="document.tombol.src='2.png'"
    Kode ini berfungsi ketika kursor mouse bergerak menjauhi objek yang telah ditentukan tersebut.
  2. onMouseOut="document.tombol.src='1.png'"
    Kode ini berfungsi ketika kursor mouse berada pada objek yang telah ditentukan tersebut.

Nah, sekian sedikit tutorial dari saya mengenai membuat tombol dengan membuat efek. Untuk lebih jelasnya dapat mengunduh file berikut ini.

07 June 2010

Pengertian Google Maps API

Administrator 07 June 2010 12
Pengertian Google Maps API
Google Maps adalah layanan gratis yang diberikan oleh Google dan sangat popular. Google Maps adalah suatu peta dunia yang dapat kita gunakan untuk melihat suatu daerah. Dengan kata lain, Google Maps merupakan suatu peta yang dapat dilihat dengan menggunakan suatu browser. Kita dapat menamb
Google Maps adalah layanan gratis yang diberikan oleh Google dan sangat popular. Google Maps adalah suatu peta dunia yang dapat kita gunakan untuk melihat suatu daerah. Dengan kata lain, Google Maps merupakan suatu peta yang dapat dilihat dengan menggunakan suatu browser. Kita dapat menambahkan fitur Google Maps dalam web yang telah kita buat atau pada blog kita yang berbayar maupun gratis sekalipun dengan Google Maps API. Google Maps API adalah suatu library yang berbentuk JavaScript. senyum genit
Cara membuat Google Maps untuk ditampilkan pada suatu web atau blog sangat mudah hanya dengan membutuhkan pengetahuan mengenai HTML serta JavaScript, serta koneksi Internet yang sangat stabil. Dengan menggunakan Google Maps API, kita dapat menghemat waktu dan biaya untuk membangun aplikasi peta digital yang handal, sehingga kita dapat fokus hanya pada data-data yang akan ditampilkan. Dengan kata lain, kita hanya membuat suatu data sedangkan peta yang akan ditampilkan adalah milik Google sehingga kita tidak dipusingkan dengan mambuat peta suatu lokasi, bahkan dunia.

Dalam pembutan program Google Map API menggunakan urutan sebagai berikut:
  1. Memasukkan Maps API JavaScript ke dalam HTML kita.
  2. Membuat element div dengan nama map_canvas untuk menampilkan peta.
  3. Membuat beberapa objek literal untuk menyimpan property-properti pada peta.
  4. Menuliskan fungsi JavaScript untuk membuat objek peta.
  5. Meng-inisiasi peta dalam tag body HTML dengan event onload.

Pada Google Maps API terdapat 4 jenis pilihan model peta yang disediakan oleh Google, diantaranya adalah:
  1. ROADMAP, ini yang saya pilih, untuk menampilkan peta biasa 2 dimensi
  2. SATELLITE, untuk menampilkan foto satelit
  3. TERRAIN, untuk menunjukkan relief fisik permukaan bumi dan menunjukkan seberapa tingginya suatu lokasi, contohnya akan menunjukkan gunung dan sungai
  4. HYBRID, akan menunjukkan foto satelit yang diatasnya tergambar pula apa yang tampil pada ROADMAP (jalan dan nama kota)
Nah, cukup sekian informasi mengenai pengertian dari Google Maps. Tapi, kunjungi terus blog ini karena saya akan bertahap membahas mengenai pembuatan Google Maps yang bentuknya dan modelnya beraneka ragam.bagooos
ahkan fitur Google Maps dalam web yang telah kita buat atau pada blog kita yang berbayar maupun gratis sekalipun dengan Google Maps API. Google Maps API adalah suatu library yang berbentuk JavaScript. senyum genit
Cara membuat Google Maps untuk ditampilkan pada suatu web atau blog sangat mudah hanya dengan membutuhkan pengetahuan mengenai HTML serta JavaScript, serta koneksi Internet yang sangat stabil. Dengan menggunakan Google Maps API, kita dapat menghemat waktu dan biaya untuk membangun aplikasi peta digital yang handal, sehingga kita dapat fokus hanya pada data-data yang akan ditampilkan. Dengan kata lain, kita hanya membuat suatu data sedangkan peta yang akan ditampilkan adalah milik Google sehingga kita tidak dipusingkan dengan mambuat peta suatu lokasi, bahkan dunia.

Dalam pembutan program Google Map API menggunakan urutan sebagai berikut:
  1. Memasukkan Maps API JavaScript ke dalam HTML kita.
  2. Membuat element div dengan nama map_canvas untuk menampilkan peta.
  3. Membuat beberapa objek literal untuk menyimpan property-properti pada peta.
  4. Menuliskan fungsi JavaScript untuk membuat objek peta.
  5. Meng-inisiasi peta dalam tag body HTML dengan event onload.

Pada Google Maps API terdapat 4 jenis pilihan model peta yang disediakan oleh Google, diantaranya adalah:
  1. ROADMAP, ini yang saya pilih, untuk menampilkan peta biasa 2 dimensi
  2. SATELLITE, untuk menampilkan foto satelit
  3. TERRAIN, untuk menunjukkan relief fisik permukaan bumi dan menunjukkan seberapa tingginya suatu lokasi, contohnya akan menunjukkan gunung dan sungai
  4. HYBRID, akan menunjukkan foto satelit yang diatasnya tergambar pula apa yang tampil pada ROADMAP (jalan dan nama kota)
Nah, cukup sekian informasi mengenai pengertian dari Google Maps. Tapi, kunjungi terus blog ini karena saya akan bertahap membahas mengenai pembuatan Google Maps yang bentuknya dan modelnya beraneka ragam.bagooos