Cara Membuat Register Area Membuat Bootstrap

Cara Membuat Register Area Membuat Bootstrap

Januari 24, 2015

Saya akan menjelaskan langkah-langkah membuat Register Area dengan Bootstrap. Langsung saja baca dengan teliti.

1. Langkah pertama, silahkan kunjungi http://getbootstrap.com/. Silahkan cari, "BASIC TEMPLATE".
Disitu ada script HTML. Silahkan kalian copy .

Letakkan di Text Editor, seperti Macromedia Dreamweaer, Notepad, Notepad++, Gedit, dll. Simpan dengan nama 'register.html' .

2. Langkah kedua, Ganti Judul Halaman. Silahkan cari <titltle>Bootstrap 101 Template</title>. Kalau punya saya, saya ganti menjadi <title>Register Area</title>

3. Rubah script

Menjadi :

4. Ubah JavaScript berikut,

Menjadi Seperti :

5. Samakan Script anda dengan script dibawah ini, Script berikut berada di bagian <head> ......... </head>

6. Untuk membuat Tampilan 'Full Name' seperti dibawah ini,

Tambahkan Script ini di bawah <body>

7. Untuk membuat tampilan 'Email' seperti dibawah ini,

Tambahkan Script ini dibawah script terakhir dari 'Script Full Name' : </div>

8. Untuk membuat tampilan 'Password' seperti dibawah ini,

Tambahkan Script ini dibawah script terakhir dari 'Script Email' : </div>

9. Untuk membuat Button 'Register & Back To Login' seperti dibawah ini,

Tambahan Script ini dibawah Script terakhir dari 'Script Password' : </div>

Jika sudah, Script <h1>Hello, World!</h1> boleh dihapus.

10. Pastikan Script Berikut ini masih ada.

11. Langkah Terakhir, Cek di Browser file register.html .

Selesai sudah 'Cara Membuat Bootstrap Register Area'.

Silahkan Kembangkan Sendiri..!!!

Terima Kasih...

Komentar