Cara Membuat Register Area Membuat Bootstrap
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,
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...
Post a Comment