iklan-surgaweb2

Pada tutorial sebelumnya saya sudah jelaskan tentang Cara membuat website versi mobile dengan menggunakan html standar. Sekarang saya akan coba jelaskan cara membuat website mobile mengguanakan jquery mobile. Mengapa pembahasan ini penting? karena jquery mobile sangat bagus tampilannya. Sudah disesuaikan dengan perangkat mobile terbaru seperti iphone dan android. Jadi jika pengunjung situs kita akan merasa nyaman.

Baiklah begini caranya:

1.  Download dulu Jquery mobile di sini http://jquerymobile.com/download/ cari yang versi zip

2. Kemudian upload ke server / localhost anda

3. Lalu ekstrak paket zip tadi. Ubah nama foldernya menjadi jqm

4. Selanjutnya buatlah file index.php atau index.html diluar folder jqm

5. Isikan file tersebut dengan kode dibawah ini

Hai saya adalah webiste gaya baru menggunakan jquery mobile….

 

Asik banget ya…

 

Ini adalah contoh-contoh komponen jquery mobile

 

 

 

Header swatch A

I’m the collapsible content with a themed content block set to “b”.

 

 

Agree to the terms:

 

Sekarang silahkan jalankan dan lihat hasilnya.

Tutorial ini hanya pengantar saja sebagai inspirasi buat anda. Jika anda ingin mendalaminya silahkan pelajari langusng dari situsnya http://jquerymobile.com/

Semoga bermanfaat.

(Visited 5,648 times, 10 visits today)