Membuat Applikasi Login di Applikasi Eclipse

<h2 style="background-color: white; clear: both; color: #222222; font-family: Oswald; font-size: 24px; font-stretch: normal; font-weight: normal; line-height: 1.2em; margin: 0em 0px 10px; padding: 4px 0px; text-transform: uppercase;"> <i><u>CARA MEMBUAT FORM LOGIN DI ECLIPSE.......</u></i></h2> <div style="background-color: white; color: #444444; font-family: 'PT Sans Narrow'; font-size: 16px; line-height: 25.6000003814697px;"> Selamat sukses sobat semuanya, untuk sobat yang sedang belajar membuat aplikasi android menggunakan eclipse, kali ini saya akan membagikan cara membuat form login di aplikasi android menggunakan eclipse.</div> <div style="background-color: white; color: #444444; font-family: 'PT Sans Narrow'; font-size: 16px; line-height: 25.6000003814697px;"> Form login ini berfungsi untuk mengamankan aplikasi sobat agar tidak semua orang bisa menggunakan aplikasi tersebut kecuali orang yang tau username dan passwordnya.</div> <div class="separator" style="background-color: white; clear: both; color: #444444; font-family: 'PT Sans Narrow'; font-size: 16px; line-height: 25.6000003814697px;"> bagaimana cara membuat form login di eclipse?</div> <div class="separator" style="background-color: white; clear: both; color: #444444; font-family: 'PT Sans Narrow'; font-size: 16px; line-height: 25.6000003814697px;"> langsung saja sobat simak langkah-langkahnya:</div> <div class="separator" style="background-color: white; clear: both; color: #444444; font-family: 'PT Sans Narrow'; font-size: 16px; line-height: 25.6000003814697px;"> <br /></div> <div class="separator" style="background-color: white; clear: both; color: #444444; font-family: 'PT Sans Narrow'; font-size: 16px; line-height: 25.6000003814697px;"> bagi sobat yang belum memiliki eclipse dan SDK silahkan download terlebih dahulu melalui link dibawah ini:</div> <div class="separator" style="background-color: white; color: #444444; font-family: 'PT Sans Narrow'; font-size: 16px; line-height: 25.6000003814697px; margin: 0cm;"> <o:p></o:p></div> <div class="separator" style="background-color: white; color: #444444; font-family: 'PT Sans Narrow'; font-size: 16px; line-height: 25.6000003814697px; margin: 0cm;"> </div> <div class="separator" style="background-color: white; color: #444444; font-family: 'PT Sans Narrow'; font-size: 16px; line-height: 25.6000003814697px; margin: 0cm 0cm 0.0001pt;"> <a href="http://adf.ly/1Ltph5" style="color: #eb4938; text-decoration: none;">download eclipse terbaru</a></div> <div class="separator" style="background-color: white; clear: both; color: #444444; font-family: 'PT Sans Narrow'; font-size: 16px; line-height: 25.6000003814697px; text-align: left;"> <br /></div> <div class="separator" style="background-color: white; clear: both; color: #444444; font-family: 'PT Sans Narrow'; font-size: 16px; line-height: 25.6000003814697px; text-align: center;"> </div> <div class="separator" style="background-color: white; clear: both; color: #444444; font-family: 'PT Sans Narrow'; font-size: 16px; line-height: 25.6000003814697px; text-align: left;"> pertama buat tampilan form login  seperti login pada umumnya</div> <div class="separator" style="background-color: white; clear: both; color: #444444; font-family: 'PT Sans Narrow'; font-size: 16px; line-height: 25.6000003814697px; text-align: left;"> atau bisa copy sourcenya:</div> <table border="1" cellpadding="0" cellspacing="0" class="MsoTableGrid" style="background-color: white; border-collapse: collapse; border: none; color: #444444; font-family: 'PT Sans Narrow'; font-size: 16px; line-height: 25.6000003814697px; margin-left: 38.55pt;"><tbody> <tr><td style="border: 1pt solid black; padding: 0cm 5.4pt; width: 478.8pt;" valign="top" width="638"><div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="color: teal; font-family: "consolas"; font-size: 10pt;"><</span><span style="color: #3f7f7f; font-family: "consolas"; font-size: 10pt;">LinearLayout</span><span style="font-family: "consolas"; font-size: 10pt;"><span style="color: #7f007f;">xmlns:android</span>=<i><span style="color: #2a00ff;">"http://schemas.android.com/apk/res/android"</span></i><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">    <span style="color: #7f007f;">xmlns:tools</span>=<i><span style="color: #2a00ff;">"http://schemas.android.com/tools"</span></i><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">    <span style="color: #7f007f;">android:id</span>=<i><span style="color: #2a00ff;">"@+id/LinearLayout1"</span></i><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">    <span style="color: #7f007f;">android:layout_width</span>=<i><span style="color: #2a00ff;">"match_parent"</span></i><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">    <span style="color: #7f007f;">android:layout_height</span>=<i><span style="color: #2a00ff;">"match_parent"</span></i><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">    <span style="color: #7f007f;">android:orientation</span>=<i><span style="color: #2a00ff;">"vertical"</span></i><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">    <span style="color: #7f007f;">android:paddingBottom</span>=<i><span style="color: #2a00ff;">"@dimen/</span></i></span><br /> <span style="font-family: "consolas"; font-size: 10pt;"><i><span style="color: #2a00ff;">activity_vertical_margin"</span></i><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">    <span style="color: #7f007f;">android:paddingLeft</span>=<i><span style="color: #2a00ff;">"@dimen/</span></i></span><br /> <span style="font-family: "consolas"; font-size: 10pt;"><i><span style="color: #2a00ff;">activity_horizontal_margin"</span></i><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">    <span style="color: #7f007f;">android:paddingRight</span>=<i><span style="color: #2a00ff;">"@dimen/</span></i></span><br /> <span style="font-family: "consolas"; font-size: 10pt;"><i><span style="color: #2a00ff;">activity_horizontal_margin"</span></i><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">    <span style="color: #7f007f;">android:paddingTop</span>=<i><span style="color: #2a00ff;">"@dimen/</span></i></span><br /> <span style="font-family: "consolas"; font-size: 10pt;"><i><span style="color: #2a00ff;">activity_vertical_margin"</span></i><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">    <span style="color: #7f007f;">tools:context</span>=<i><span style="color: #2a00ff;">".LoginActivity"</span></i> <span style="color: teal;">></span><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <br /></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="color: teal; font-family: "consolas"; font-size: 10pt;"><</span><span style="color: #3f7f7f; font-family: "consolas"; font-size: 10pt;">TextView</span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">    <span style="color: #7f007f;">android:id</span>=<i><span style="color: #2a00ff;">"@+id/textUsername"</span></i><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">    <span style="color: #7f007f;">android:layout_width</span>=<i><span style="color: #2a00ff;">"wrap_content"</span></i><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">    <span style="color: #7f007f;">android:layout_height</span>=<i><span style="color: #2a00ff;">"wrap_content"</span></i><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">    <span style="color: #7f007f;">android:layout_gravity</span>=<i><span style="color: #2a00ff;">"center"</span></i><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">    <u><span style="color: #7f007f;">android:text</span>=<i><span style="color: #2a00ff;">"Masukkan Username"</span></i></u><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">    <span style="color: #7f007f;">android:textColor</span>=<i><span style="color: #2a00ff;">"#000000"</span></i><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">    <u><span style="color: #7f007f;">android:textSize</span>=<i><span style="color: #2a00ff;">"16px"</span></i></u> <span style="color: teal;">></span><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <br /></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="color: teal; font-family: "consolas"; font-size: 10pt;"></</span><span style="color: #3f7f7f; font-family: "consolas"; font-size: 10pt;">TextView</span><span style="color: teal; font-family: "consolas"; font-size: 10pt;">></span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <br /></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="color: teal; font-family: "consolas"; font-size: 10pt;"><</span><span style="color: #3f7f7f; font-family: "consolas"; font-size: 10pt;">EditText</span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">    <span style="color: #7f007f;">android:id</span>=<i><span style="color: #2a00ff;">"@+id/editUsername"</span></i><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">    <span style="color: #7f007f;">android:textColor</span>=<i><span style="color: #2a00ff;">"#ffffff"</span></i><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">    <u><span style="color: #7f007f;">android:hint</span>=<i><span style="color: #2a00ff;">"Masukan Username"</span></i></u><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">    <span style="color: #7f007f;">android:layout_width</span>=<i><span style="color: #2a00ff;">"match_parent"</span></i><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">    <span style="color: #7f007f;">android:layout_height</span>=<i><span style="color: #2a00ff;">"wrap_content"</span></i> <span style="color: teal;">></span><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <br /></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="color: teal; font-family: "consolas"; font-size: 10pt;"></</span><span style="color: #3f7f7f; font-family: "consolas"; font-size: 10pt;">EditText</span><span style="color: teal; font-family: "consolas"; font-size: 10pt;">></span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <br /></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="color: teal; font-family: "consolas"; font-size: 10pt;"><</span><span style="color: #3f7f7f; font-family: "consolas"; font-size: 10pt;">TextView</span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">    <span style="color: #7f007f;">android:id</span>=<i><span style="color: #2a00ff;">"@+id/textPassword"</span></i><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">    <span style="color: #7f007f;">android:textColor</span>=<i><span style="color: #2a00ff;">"#</span></i></span><i style="font-family: Consolas; font-size: 13.3333330154419px; line-height: 25.6000003814697px;"><span style="color: #2a00ff;">000000</span></i><span style="font-family: "consolas"; font-size: 10pt;"><i><span style="color: #2a00ff;">"</span></i><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">    <span style="color: #7f007f;">android:layout_width</span>=<i><span style="color: #2a00ff;">"wrap_content"</span></i><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">    <span style="color: #7f007f;">android:layout_height</span>=<i><span style="color: #2a00ff;">"wrap_content"</span></i><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">    <span style="color: #7f007f;">android:layout_gravity</span>=<i><span style="color: #2a00ff;">"center"</span></i><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">    <u><span style="color: #7f007f;">android:text</span>=<i><span style="color: #2a00ff;">"Masukkan Password"</span></i></u><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">    <u><span style="color: #7f007f;">android:textSize</span>=<i><span style="color: #2a00ff;">"16px"</span></i></u> <span style="color: teal;">></span><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="color: teal; font-family: "consolas"; font-size: 10pt;"></</span><span style="color: #3f7f7f; font-family: "consolas"; font-size: 10pt;">TextView</span><span style="color: teal; font-family: "consolas"; font-size: 10pt;">></span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <br /></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="color: teal; font-family: "consolas"; font-size: 10pt;"><</span><span style="color: #3f7f7f; font-family: "consolas"; font-size: 10pt;">EditText</span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">    <u><span style="color: #7f007f;">android:id</span>=<i><span style="color: #2a00ff;">"@+id/editPassword"</span></i></u><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">    <u><span style="color: #7f007f;">android:hint</span>=<i><span style="color: #2a00ff;">"Masukan Password"</span></i></u><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">    <span style="color: #7f007f;">android:textColor</span>=<i><span style="color: #2a00ff;">"#</span></i></span><i style="font-family: Consolas; font-size: 13.3333330154419px; line-height: 25.6000003814697px;"><span style="color: #2a00ff;">000000</span></i><span style="font-family: "consolas"; font-size: 10pt;"><i><span style="color: #2a00ff;">"</span></i><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">    <span style="color: #7f007f;">android:layout_width</span>=<i><span style="color: #2a00ff;">"match_parent"</span></i><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">    <span style="color: #7f007f;">android:layout_height</span>=<i><span style="color: #2a00ff;">"wrap_content"</span></i> <span style="color: teal;">></span><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <br /></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="color: teal; font-family: "consolas"; font-size: 10pt;"></</span><span style="color: #3f7f7f; font-family: "consolas"; font-size: 10pt;">EditText</span><span style="color: teal; font-family: "consolas"; font-size: 10pt;">></span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <br /></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="color: teal; font-family: "consolas"; font-size: 10pt;"><</span><span style="color: #3f7f7f; font-family: "consolas"; font-size: 10pt;">Button</span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">    <span style="color: #7f007f;">android:id</span>=<i><span style="color: #2a00ff;">"@+id/buttonLogin"</span></i><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">    <span style="color: #7f007f;">android:layout_width</span>=<i><span style="color: #2a00ff;">"match_parent"</span></i><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">    <span style="color: #7f007f;">android:layout_height</span>=<i><span style="color: #2a00ff;">"wrap_content"</span></i><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">    <u><span style="color: #7f007f;">android:text</span>=<i><span style="color: #2a00ff;">"Login"</span></i></u> <span style="color: teal;">/></span><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <br /></div> <div class="MsoNormal" style="margin-left: 0cm; text-indent: 0cm;"> <span style="color: teal; font-family: "consolas"; font-size: 10pt;"></</span><span style="color: #3f7f7f; font-family: "consolas"; font-size: 10pt;">LinearLayout</span><span style="color: teal; font-family: "consolas"; font-size: 10pt;">></span></div> </td></tr> </tbody></table> <table border="1" cellpadding="0" cellspacing="0" class="MsoTableGrid" style="background-color: white; border-collapse: collapse; border: none; color: #444444; font-family: 'PT Sans Narrow'; font-size: 16px; line-height: 25.6000003814697px; margin-left: 38.55pt;"><tbody> </tbody></table> <div class="separator" style="background-color: white; clear: both; color: #444444; font-family: 'PT Sans Narrow'; font-size: 16px; line-height: 25.6000003814697px; text-align: center;"> </div> <div class="MsoNormal" style="background-color: white; color: #444444; font-family: 'PT Sans Narrow'; font-size: 16px; line-height: 25.6000003814697px; text-align: center;"> <div style="text-align: left;"> KEMUDIAN BUAT FILE XML YANG KE DUA CARANYA KLIK KANAN DI FOLDER LAYOUT DAN FILIH NEW > ANDROID XML FILE DAN ATUR TAMPILANNYA DAN BERI NAMA BERANDA.XML</div> </div> <div class="separator" style="background-color: white; clear: both; color: #444444; font-family: 'PT Sans Narrow'; font-size: 16px; line-height: 25.6000003814697px; text-align: left;"> <br /></div> <div class="separator" style="background-color: white; clear: both; color: #444444; font-family: 'PT Sans Narrow'; font-size: 16px; line-height: 25.6000003814697px; text-align: center;"> </div> <div class="separator" style="background-color: white; clear: both; color: #444444; font-family: 'PT Sans Narrow'; font-size: 16px; line-height: 25.6000003814697px; text-align: left;"> selanjutnya masukkan source berikut ini di classnya:</div> <br /> <div class="separator" style="background-color: white; clear: both; color: #444444; font-family: 'PT Sans Narrow'; font-size: 16px; line-height: 25.6000003814697px; text-align: center;"> </div> <br /> <table border="1" cellpadding="0" cellspacing="0" class="MsoTableGrid" style="-webkit-text-stroke-width: 0px; background-color: white; border-collapse: collapse; border: none; color: #444444; font-family: 'PT Sans Narrow'; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 25.6000003814697px; margin-left: 38.55pt; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"><tbody> <tr><td style="border: 1pt solid black; padding: 0cm 5.4pt; width: 478.8pt;" valign="top" width="638"><div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <b><span style="color: #7f0055; font-family: "consolas"; font-size: 10pt;">import</span></b><span style="font-family: "consolas"; font-size: 10pt;"> android.app.Activity;</span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <b><span style="color: #7f0055; font-family: "consolas"; font-size: 10pt;">import</span></b><span style="font-family: "consolas"; font-size: 10pt;"> android.content.Intent;</span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <b><span style="color: #7f0055; font-family: "consolas"; font-size: 10pt;">import</span></b><span style="font-family: "consolas"; font-size: 10pt;"> android.os.Bundle;</span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <b><span style="color: #7f0055; font-family: "consolas"; font-size: 10pt;">import</span></b><span style="font-family: "consolas"; font-size: 10pt;"> android.view.Menu;</span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <b><span style="color: #7f0055; font-family: "consolas"; font-size: 10pt;">import</span></b><span style="font-family: "consolas"; font-size: 10pt;"> android.view.View;</span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <b><span style="color: #7f0055; font-family: "consolas"; font-size: 10pt;">import</span></b><span style="font-family: "consolas"; font-size: 10pt;"> android.view.View.OnClickListener;</span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <b><span style="color: #7f0055; font-family: "consolas"; font-size: 10pt;">import</span></b><span style="font-family: "consolas"; font-size: 10pt;"> android.widget.Button;</span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <b><span style="color: #7f0055; font-family: "consolas"; font-size: 10pt;">import</span></b><span style="font-family: "consolas"; font-size: 10pt;"> android.widget.EditText;</span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <b><span style="color: #7f0055; font-family: "consolas"; font-size: 10pt;">import</span></b><span style="font-family: "consolas"; font-size: 10pt;"> android.widget.Toast;</span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <br /></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <b><span style="color: #7f0055; font-family: "consolas"; font-size: 10pt;">public</span></b><span style="font-family: "consolas"; font-size: 10pt;"> </span><b><span style="color: #7f0055; font-family: "consolas"; font-size: 10pt;">class</span></b><span style="font-family: "consolas"; font-size: 10pt;"> LoginActivity </span><b><span style="color: #7f0055; font-family: "consolas"; font-size: 10pt;">extends</span></b><br /> <span style="font-family: "consolas"; font-size: 10pt;"> Activity </span><b><span style="color: #7f0055; font-family: "consolas"; font-size: 10pt;">implements</span></b><span style="font-family: "consolas"; font-size: 10pt;"> OnClickListener {</span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">       EditText </span><span style="color: #0000c0; font-family: "consolas"; font-size: 10pt;">editUserName</span><span style="font-family: "consolas"; font-size: 10pt;">;</span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">       EditText </span><span style="color: #0000c0; font-family: "consolas"; font-size: 10pt;">editPassword</span><span style="font-family: "consolas"; font-size: 10pt;">;</span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">       Button </span><span style="color: #0000c0; font-family: "consolas"; font-size: 10pt;">buttonLogin</span><span style="font-family: "consolas"; font-size: 10pt;">;</span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">       Button </span><span style="color: #0000c0; font-family: "consolas"; font-size: 10pt;">buttonExit</span><span style="font-family: "consolas"; font-size: 10pt;">;</span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <br /></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;"> </span><span style="color: #646464; font-family: "consolas"; font-size: 10pt;">@Override</span><br /> <b style="text-indent: 0cm;"><span style="color: #7f0055; font-family: "consolas"; font-size: 10pt;">protected</span></b><span style="font-family: "consolas"; font-size: 10pt; text-indent: 0cm;"> </span><b style="text-indent: 0cm;"><span style="color: #7f0055; font-family: "consolas"; font-size: 10pt;">void</span></b><span style="font-family: "consolas"; font-size: 10pt; text-indent: 0cm;"> onCreate(Bundle savedInstanceState) {</span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <b><span style="color: #7f0055; font-family: "consolas"; font-size: 10pt;">super</span></b><span style="font-family: "consolas"; font-size: 10pt;">.onCreate(savedInstanceState);</span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">setContentView(R.layout.</span><i><span style="color: #0000c0; font-family: "consolas"; font-size: 10pt;">login</span></i><span style="font-family: "consolas"; font-size: 10pt;">);</span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt; text-indent: 0cm;"> </span><span style="color: #0000c0; font-family: "consolas"; font-size: 10pt; text-indent: 0cm;">editUserName</span><span style="font-family: "consolas"; font-size: 10pt; text-indent: 0cm;"> = (EditText)</span><br /> <span style="font-family: "consolas"; font-size: 10pt; text-indent: 0cm;"> findViewById(R.id.</span><i style="text-indent: 0cm;"><span style="color: #0000c0; font-family: "consolas"; font-size: 10pt;">editUsername</span></i><span style="font-family: "consolas"; font-size: 10pt; text-indent: 0cm;">);</span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;"> </span><span style="color: #0000c0; font-family: "consolas"; font-size: 10pt;">editPassword</span><span style="font-family: "consolas"; font-size: 10pt;"> = (EditText) </span><br /> <span style="font-family: "consolas"; font-size: 10pt;">findViewById(R.id.</span><i><span style="color: #0000c0; font-family: "consolas"; font-size: 10pt;">editPassword</span></i><span style="font-family: "consolas"; font-size: 10pt;">);</span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;"> </span><span style="color: #0000c0; font-family: "consolas"; font-size: 10pt;">buttonLogin</span><span style="font-family: "consolas"; font-size: 10pt;"> = (Button)</span><br /> <span style="font-family: "consolas"; font-size: 10pt;"> findViewById(R.id.</span><i><span style="color: #0000c0; font-family: "consolas"; font-size: 10pt;">buttonLogin</span></i><span style="font-family: "consolas"; font-size: 10pt;">);</span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;"> </span><span style="color: #0000c0; font-family: "consolas"; font-size: 10pt;">buttonLogin</span><span style="font-family: "consolas"; font-size: 10pt;">.setOnClickListener(</span><b><span style="color: #7f0055; font-family: "consolas"; font-size: 10pt;">this</span></b><span style="font-family: "consolas"; font-size: 10pt;">);</span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;"> </span><span style="font-family: "consolas"; font-size: 10pt; text-indent: 0cm;">}</span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt; text-indent: 0cm;"> </span><span style="color: #646464; font-family: "consolas"; font-size: 10pt; text-indent: 0cm;">@Override</span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;"> </span><b><span style="color: #7f0055; font-family: "consolas"; font-size: 10pt;">public</span></b><span style="font-family: "consolas"; font-size: 10pt;"> </span><b><span style="color: #7f0055; font-family: "consolas"; font-size: 10pt;">boolean</span></b><span style="font-family: "consolas"; font-size: 10pt;"> onCreateOptionsMenu(Menu menu) {</span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">  </span><span style="color: #3f7f5f; font-family: "consolas"; font-size: 10pt;">// Inflate the menu; this adds items to the action bar if it is present.</span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">getMenuInflater().inflate(R.menu.</span><i><span style="color: #0000c0; font-family: "consolas"; font-size: 10pt;">login</span></i><span style="font-family: "consolas"; font-size: 10pt;">, menu);</span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <b><span style="color: #7f0055; font-family: "consolas"; font-size: 10pt;">return</span></b><span style="font-family: "consolas"; font-size: 10pt;"> </span><b><span style="color: #7f0055; font-family: "consolas"; font-size: 10pt;">true</span></b><span style="font-family: "consolas"; font-size: 10pt;">;</span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;"> }</span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt; text-indent: 0cm;"> </span><span style="color: #646464; font-family: "consolas"; font-size: 10pt; text-indent: 0cm;">@Override</span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;"> </span><b><span style="color: #7f0055; font-family: "consolas"; font-size: 10pt;">public</span></b><span style="font-family: "consolas"; font-size: 10pt;"> </span><b><span style="color: #7f0055; font-family: "consolas"; font-size: 10pt;">void</span></b><span style="font-family: "consolas"; font-size: 10pt;"> onClick(View v) {</span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <span style="color: #3f7f5f; font-family: "consolas"; font-size: 10pt;">// </span><b><span style="color: #7f9fbf; font-family: "consolas"; font-size: 10pt;">TODO</span></b><span style="color: #3f7f5f; font-family: "consolas"; font-size: 10pt;"> Auto-generated method stub</span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">String user = </span><span style="color: #0000c0; font-family: "consolas"; font-size: 10pt;">editUserName</span><span style="font-family: "consolas"; font-size: 10pt;">.getText().toString();</span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">String pwd = </span><span style="color: #0000c0; font-family: "consolas"; font-size: 10pt;">editPassword</span><span style="font-family: "consolas"; font-size: 10pt;">.getText().toString();</span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <b><span style="color: #7f0055; font-family: "consolas"; font-size: 10pt;">if</span></b><span style="font-family: "consolas"; font-size: 10pt;"> (user.equals(</span><span style="color: #2a00ff; font-family: "consolas"; font-size: 10pt;">"cecep"</span><span style="font-family: "consolas"; font-size: 10pt;">) && pwd.equals(</span><span style="color: #2a00ff; font-family: "consolas"; font-size: 10pt;">"fahmi"</span><span style="font-family: "consolas"; font-size: 10pt;">)) {</span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">    </span><span style="font-family: "consolas"; font-size: 10pt; text-indent: 0cm;"> setContentView(R.layout.</span><i style="text-indent: 0cm;"><span style="color: #0000c0; font-family: "consolas"; font-size: 10pt;">beranda</span></i><span style="font-family: "consolas"; font-size: 10pt; text-indent: 0cm;">);</span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">} </span><b><span style="color: #7f0055; font-family: "consolas"; font-size: 10pt;">else</span></b><span style="font-family: "consolas"; font-size: 10pt;"> {</span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;"> Toast.<i>makeText</i>(</span><b><span style="color: #7f0055; font-family: "consolas"; font-size: 10pt;">this</span></b><span style="font-family: "consolas"; font-size: 10pt;">,</span><br /> <span style="font-family: "consolas"; font-size: 10pt;"> </span><span style="color: #2a00ff; font-family: "consolas"; font-size: 10pt;">"USERNAME / PASSWORD SALAH"</span><span style="font-family: "consolas"; font-size: 10pt;">,<u>18000</u>).show();</span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">     </span><span style="color: #0000c0; font-family: "consolas"; font-size: 10pt;">editUserName</span><span style="font-family: "consolas"; font-size: 10pt;">.setText(</span><span style="color: #2a00ff; font-family: "consolas"; font-size: 10pt;">""</span><span style="font-family: "consolas"; font-size: 10pt;">);</span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">     </span><span style="color: #0000c0; font-family: "consolas"; font-size: 10pt;">editPassword</span><span style="font-family: "consolas"; font-size: 10pt;">.setText(</span><span style="color: #2a00ff; font-family: "consolas"; font-size: 10pt;">""</span><span style="font-family: "consolas"; font-size: 10pt;">);</span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <br /></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">    }</span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <br /></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">  }</span><span style="font-family: "consolas"; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <br /></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">}</span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;"><br /></span></div> <div class="MsoNormal" style="margin-left: 0cm; text-align: left; text-indent: 0cm;"> <span style="font-family: "consolas"; font-size: 10pt;">SELESAI.......SILAHKAN RUN APPLIKASI YANG</span><br /> <span style="font-family: "consolas"; font-size: 10pt;"> TELAH KITA BUAT SALAM SUKSES</span></div> </td></tr> </tbody></table>

Membuat Applikasi Login di Applikasi Eclipse

CARA MEMBUAT FORM LOGIN DI ECLIPSE....... Selamat sukses sobat semuanya, untuk sobat yang sedang belajar membuat aplikasi android menggun...

+ Baca selengkapnya »

Pengertian Boostrap Dan Cara Menginstal Boostrap

<h3 class="post-title entry-title" itemprop="name" style="background-color: #dddddd; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 18px; font-stretch: normal; font-weight: normal; margin: 0px; position: relative;"> Pengertian Bootstrap dan cara menginstal Bootstrap</h3> <div class="post-header" style="background-color: #dddddd; color: #0095ff; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.5px; line-height: 1.6; margin: 0px 0px 1.5em;"> <div class="post-header-line-1"> </div> </div> <div class="post-body entry-content" id="post-body-457984347696817106" itemprop="description articleBody" style="background-color: #dddddd; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14.8500003814697px; line-height: 1.4; position: relative; width: 498px;"> <div class="separator" style="clear: both; text-align: center;"> </div> <div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div style="text-align: right;"> </div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLvmqWVSt5U-uMd7O_PH9U2JUC70x0p8b2oP6Vth2Rf_MNuuTV7scSjF8jy8go3vJp_LJKG4deWdYgCWjOB_oEPMyzGx7ma4_xzPyb-arjX6QthCTM76JwnVJ_RIRgZ1EEEyo_O30t-d0/s1600/featured10@wdd2x.jpg" imageanchor="1" style="color: #6699cc; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLvmqWVSt5U-uMd7O_PH9U2JUC70x0p8b2oP6Vth2Rf_MNuuTV7scSjF8jy8go3vJp_LJKG4deWdYgCWjOB_oEPMyzGx7ma4_xzPyb-arjX6QthCTM76JwnVJ_RIRgZ1EEEyo_O30t-d0/s1600/featured10@wdd2x.jpg" style="border: none; position: relative;" width="400" /></a></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <b style="font-family: 'Courier New', Courier, monospace; text-align: justify; word-spacing: -5px;">APA ITU BOOTSTRAP ?</b></div> <div style="text-align: justify;"> <span style="font-family: "courier new" , "courier" , monospace;"><span style="font-size: x-small;"><span class="a" style="left: 2189px; top: 978px; word-spacing: -5px;"><br /></span></span></span><span style="font-family: "courier new" , "courier" , monospace;"><span style="font-size: x-small;"><span class="a" style="left: 2189px; top: 978px; word-spacing: -5px;">      Bootstrap adalah sebuah framework CSS </span><span class="a" style="left: 2189px; top: 1086px; word-spacing: -4px;">yang menyediakan kumpulan komponen-</span><span class="a" style="left: 2189px; top: 1194px; word-spacing: -4px;">komponen antarmuka dasar pada web yang <span class="w6"></span>telah </span><span class="a" style="left: 2189px; top: 1302px; word-spacing: -5px;">dirancang sedemikian rupa <span class="w6"></span>untuk digunakan </span><span class="a" style="left: 530px; top: 1409px; word-spacing: -4px;">bersama-sama. Selain komponen antarmuka, Bootstrap juga <span class="w6"></span>menyediakan sarana untuk</span><span class="a" style="left: 530px; top: 1517px;">membangun</span></span></span><span style="font-family: "courier new" , "courier" , monospace;"><span style="font-size: x-small;">layout </span></span><span style="font-family: "courier new" , "courier" , monospace;"><span style="font-size: x-small;"><span class="a" style="left: 1231px; top: 1517px; word-spacing: -3px;">halaman dengan mudah dan rapi, <span class="w8"></span>serta modifikasi pada tampilan dasar </span><span class="a" style="left: 530px; top: 1625px; word-spacing: -3px;">HTML untuk membuat seluruh halaman web yang dikembangkan senada dengan komponen-</span><span class="a" style="left: 530px; top: 1732px; word-spacing: -6px;">komponen lainnya.</span></span></span><span style="font-family: "courier new" , "courier" , monospace;"><span style="font-size: x-small;"><span style="color: #eeeeee;"><span style="color: black;"><span class="a" style="left: 2446px; top: 1945px; word-spacing: -4px;">Bootstrap dibuat untuk <span class="w6"></span>memberikan </span></span></span><span class="a" style="left: 530px; top: 2053px; word-spacing: -4px;">sekumpulan perangkat yang dapat diguna</span></span></span><span style="font-family: "courier new" , "courier" , monospace;"><span style="font-size: x-small;"><span class="a" style="left: 530px; top: 2053px; word-spacing: -4px;">kan untuk membangun website sederhana <span class="w6"></span>dengan </span></span></span><span class="a" style="left: 530px; top: 2160px;"><span style="font-family: "courier new" , "courier" , monospace;"><span style="font-size: x-small;">mudah.</span></span></span><br /> <b style="font-family: 'Courier New', Courier, monospace; text-align: left;"><br /></b><b style="font-family: 'Courier New', Courier, monospace; text-align: left;">Bagaimana Cara instalasi Bootstrap ?</b></div> <div style="text-align: justify;"> <div> <span style="font-family: "courier new" , "courier" , monospace;"><span style="font-size: x-small;"><span class="a" style="left: 2199px; top: 3130px; word-spacing: -1px;">   </span></span></span><br /> <span style="font-family: "courier new" , "courier" , monospace;"><span style="font-size: x-small;"><span class="a" style="left: 2199px; top: 3130px; word-spacing: -1px;">    Untuk menggunakan Boostrap pada aplikasi kita, </span><span class="a" style="left: 2199px; top: 3229px; word-spacing: -1px;">tentunya kita harus memiliki Bootstrap terlebih </span><span class="g" style="top: 3328px;"><span class="a" style="left: 530px; word-spacing: -1px;">dahulu. Buka website resmi Bootstrap, </span><span class="a" style="left: 1802px;"><a href="http://getbootstrap.com/" style="color: #6699cc; text-decoration: none;">http://getbootstrap.com/</a> </span></span></span><span style="font-size: x-small;"><span class="a" style="left: 2687px; top: 3330px; word-spacing: -5px;">dan klik tombol "Download Bootstrap" untuk memulai download bootstrap.</span></span></span></div> <div> <span style="font-family: "courier new" , "courier" , monospace;"><span style="font-size: x-small;"><span class="a" style="left: 2687px; top: 3330px; word-spacing: -5px;"><br /></span></span></span></div> <div> <span style="font-family: "courier new" , "courier" , monospace;"><br /><span class="a" style="left: 530px; top: 3631px; word-spacing: -2px;">S<span style="font-size: x-small;">elesai download, anda akan memiliki file</span></span><span style="font-size: x-small;"><span class="a" style="left: 2045px; top: 3642px;"> bootstrap.zip</span></span><span class="a" style="left: 530px; top: 3631px; word-spacing: -2px;"></span><span style="font-size: x-small;"></span><span style="font-size: x-small;"><span class="a" style="left: 2443px; top: 3631px; word-spacing: -2px;">  yang berisi file-f<span class="w6"></span>ile yang dibutuhkan untuk </span><span class="a" style="left: 530px; top: 3739px; word-spacing: -4px;">menggunakan Bootstrap<span class="l6">. Ekstrak file <span class="w8"></span>tersebut pada tempat yang <span class="w7"></span>sama dengan </span></span></span><span style="font-size: x-small;"><span class="a" style="left: 3363px; top: 3750px;">bootstrap.html</span></span><span style="font-size: x-small;"><span class="a" style="left: 530px; top: 3739px; word-spacing: -4px;"><span class="l6"></span></span></span><span style="font-size: x-small;"><span class="a" style="left: 3815px; top: 3739px;">, </span><span class="a" style="left: 530px; top: 3846px; word-spacing: -2px;">sehingga sekarang kita memiliki file seperti berikut:</span></span></span></div> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4SSyjiPqiuOgEcODUrQHLrxdCs8t-N34SwgTPmXpl0iQdE84mclBpXLCunqPUGUGeKLdjWHAs7wkiS61O6ODLVCpFkDhOVSxL1fLHWgff0uyrn6dmxdYPSXndLWJuhEPC-3hBC7yBuaM/s1600/1-0dc808aef1.png" imageanchor="1" style="clear: left; color: #6699cc; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4SSyjiPqiuOgEcODUrQHLrxdCs8t-N34SwgTPmXpl0iQdE84mclBpXLCunqPUGUGeKLdjWHAs7wkiS61O6ODLVCpFkDhOVSxL1fLHWgff0uyrn6dmxdYPSXndLWJuhEPC-3hBC7yBuaM/s1600/1-0dc808aef1.png" style="border: none; position: relative;" width="320" /></a><span class="a" style="left: 530px; top: 2160px;"><span style="font-family: "courier new" , "courier" , monospace;"><span style="font-size: x-small;"> </span></span></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span class="a" style="left: 530px; top: 2160px;"><span style="font-family: "courier new" , "courier" , monospace;"><span style="font-size: x-small;"> </span></span></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span class="a" style="left: 530px; top: 2160px;"><span style="font-family: "courier new" , "courier" , monospace;"><span style="font-size: x-small;"><br /></span></span></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span class="a" style="left: 530px; top: 2160px;"><span style="font-family: "courier new" , "courier" , monospace;"><span style="font-size: x-small;"><br /></span></span></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span class="a" style="left: 530px; top: 2160px;"><span style="font-family: "courier new" , "courier" , monospace;"><span style="font-size: x-small;"> </span></span></span></h2> <div> <br /></div> <div> <div style="text-align: left;"> <span class="a" style="left: 530px; top: 2160px;"><span style="font-family: "courier new" , "courier" , monospace;"><b><span style="font-size: medium;">Y</span></b></span></span><span style="font-family: "courier new" , "courier" , monospace; font-size: medium;"><b>ang masing - masing direktori berisi :</b></span></div> </div> <span style="font-family: "courier new" , "courier" , monospace; font-size: medium;"><b><br /></b></span> <div> <div style="text-align: left;"> <span class="a" style="left: 530px; top: 2160px;"><span style="font-family: "courier new" , "courier" , monospace;"><span style="font-size: x-small;">1<b>. direktori "css" memiliki empat buah file didalamnya yaitu :</b></span></span></span><br /> <ul style="line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;"> <li style="border: none; margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: "courier new" , "courier" , monospace;">bootstrap.css</span></li> </ul> <ul style="line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;"> <li style="border: none; margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: "courier new" , "courier" , monospace;">bootstrap.min.css</span></li> </ul> <ul style="line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;"> <li style="border: none; margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: "courier new" , "courier" , monospace;">bootstrap-responsive.css</span></li> </ul> <ul style="line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;"> <li style="border: none; margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: "courier new" , "courier" , monospace;">bootstrap-responsive.min.css</span></li> </ul> 2.<b>    </b><span style="font-family: "courier new" , "courier" , monospace;"><b>direktori "img memiliki dua buah file didalamnya yaitu :</b></span><br /> <ul style="line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;"> <li style="border: none; margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: "courier new" , "courier" , monospace;">glyphicons-halflings.png</span></li> </ul> <ul style="line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;"> <li style="border: none; margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: "courier new" , "courier" , monospace;">glyphicons-halflings-white.png</span></li> </ul> <br /> <span class="a" style="left: 530px; top: 2160px;"><span style="font-family: "courier new" , "courier" , monospace;"><span style="font-size: x-small;">3. <b>direktori "js" memiliki dua buah file didalamnya yaitu :</b></span></span></span><br /> <ul style="line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;"> <li style="border: none; margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: "courier new" , "courier" , monospace; font-size: x-small;">bootstrap.js</span></li> </ul> <ul style="line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;"> <li style="border: none; margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: "courier new" , "courier" , monospace; font-size: x-small;">bootstrap.min.js</span><span style="font-family: "courier new" , "courier" , monospace; font-size: x-small;"> </span></li> </ul> </div> </div> <div style="text-align: left;"> <span class="a" style="left: 796px; top: 4922px; word-spacing: -2px;"></span></div> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "courier new" , "courier" , monospace; font-size: x-small;">SETELAH ITU </span><span class="a" style="left: 530px; top: 2160px;"><span style="font-family: "courier new" , "courier" , monospace;"><span style="font-size: x-small;">SIAPKAN APLIKASI NOTEPAD++ JIKA SAUDARA BELUM PUNYA MAKA DOWNLOAD DI</span></span></span><span style="font-family: "courier new" , "courier" , monospace; font-size: x-small;"><a href="http://notepad-plus-plus.org/download/v6.7.4.html" style="color: #6699cc; text-decoration: none;">HTTP://NOTEPAD-PLUS-PLUS.ORG/DOWNLOAD/V6.7.4.HTML</a> SETELAH ITU PILIH :</span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <div style="text-align: left;"> <span style="font-family: "courier new" , "courier" , monospace; font-size: x-small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiafC2RLNNGZU0oCLtaP02MLI9i9VLrgFQETuq41Olcv3U5zroi_YQlWOcnLXJQi6U4rp6pZ0JCR8AVTSjkPiVxZkxYzF4OmADW7-VcPmTDcrBB3gxKpX6HxFWC10tZLQqCHsdJIhIafIw/s1600/Untitled.jpg" imageanchor="1" style="clear: left; color: #6699cc; margin-bottom: 1em; text-decoration: none;"><img border="0" height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiafC2RLNNGZU0oCLtaP02MLI9i9VLrgFQETuq41Olcv3U5zroi_YQlWOcnLXJQi6U4rp6pZ0JCR8AVTSjkPiVxZkxYzF4OmADW7-VcPmTDcrBB3gxKpX6HxFWC10tZLQqCHsdJIhIafIw/s1600/Untitled.jpg" style="border: none; position: relative;" width="200" /></a></span></div> <span style="font-family: "courier new" , "courier" , monospace; font-size: x-small;"></span><br /><span style="font-family: "courier new" , "courier" , monospace; font-size: x-small;"><div style="text-align: left;"> </div> </span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "courier new" , "courier" , monospace; font-size: x-small;">KEMUDIAN DOWNLOAD DAN APLIKSI LANGSUNG BISA DIGUNAKAN.</span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "courier new" , "courier" , monospace; font-size: x-small;">BERIKUT CONTOH SCRIPT HTML UNTUK MEMBUAT TAMPILAN SEPERTI FACEBOOK :</span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <ol> <li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: "courier new" , "courier" , monospace; font-size: x-small;">BUKA APLIKASI NOTEPAD++</span><span style="font-family: "courier new" , "courier" , monospace; font-size: x-small;">  </span></li> <li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: "courier new" , "courier" , monospace; font-size: x-small;">KEMUDIAN KLIK FILE NEW ATAU CTRL + N</span></li> <li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: "courier new" , "courier" , monospace; font-size: x-small;">BERI NAMA LATIHANBOOTSTRAP.HTML</span></li> <li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: "courier new" , "courier" , monospace; font-size: x-small;">KEMUDIAN KETIKKAN PROGRAM INI</span></li> </ol> </h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;"><span class="a" style="left: 530px; top: 2160px;">    </span><!DOCTYPE HTML></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <HTML LANG="EN"></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <HEAD></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <LINK REL="SHORTCUT ICON" HREF="ICON.PNG" /></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <TITLE>FACE-MU</TITLE></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <LINK REL="STYLESHEET" HREF="FACEMU.CSS" TYPE="TEXT/CSS" /></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    </STYLE></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    </HEAD></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <BODY></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <DIV CLASS="HEADER"></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <DIV CLASS="LOGO"><IMG SRC="FACEMU.PNG"></DIV></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <DIV CLASS="KOTAK"></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <BR /></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <INPUT TYPE="BUTTON" VALUE="MASUK" ID="BUTTON_MASUK"></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <BR /></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    </DIV></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <DIV CLASS="KOTAK"></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    PASSWORD :</span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <BR /></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <INPUT TYPE="TEXT" SIZE=20></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <BR /></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">     LUPA KATA SANDI ANDA?</span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    </DIV></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <DIV CLASS="KOTAK"></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">     EMAIL :</span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">     <BR /></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">     <INPUT TYPE="TEXT" SIZE=30></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">     <BR /></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">     <INPUT TYPE="CHECKBOX">BIARKAN SAYA TETAP MASUK</span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">     </DIV></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">     </DIV></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">     <DIV CLASS="ISI"></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">     <DIV CLASS="ISI_KIRI"></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">     <BR /></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">     <BR /></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">     <BR /></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">     FACE-MU MEMBANTU ANDA TERHUBUNG DAN BERBAGI<BR /></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">     DENGAN ORANG-ORANG DALAM KEHIDUPAN ANDA DI<BR /></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">     INDONESIA.</span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">     <BR /></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">     <BR /></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">     <BR /></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">     <IMG SRC="INDONESIA.PNG" WIDTH=400></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">     </DIV></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">     <DIV CLASS="ISI_KANAN"></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">     <BR /></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">     <FONT SIZE=5><B>MENDAFTAR</B></FONT><BR /></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">     GRATIS, SAMPAI KAPANPUN</span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">     <HR COLOR="#4283D4" WIDTH=400 ALIGN="LEFT"/></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">     <TABLE CELLPADDING=5></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">     <TR></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">     <TD>NAMA DEPAN</TD></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">     <TD> : <INPUT TYPE="TEXT" SIZE=25 /></TD></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">     </TR></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">     <TR></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">     <TD>NAMA BELAKANG</TD></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">     <TD> : <INPUT TYPE="TEXT" SIZE=25 /></TD></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">     </TR></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">     <TR></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <TD>EMAIL ANDA</TD></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <TD> : <INPUT TYPE="TEXT" SIZE=25 /></TD></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    </TR></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <TR></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <TD>MASUKKAN ULANG EMAIL</TD></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <TD> : <INPUT TYPE="TEXT" SIZE=25 /></TD></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    </TR></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <TR></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <TD>KATA SANDI BARU</TD></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <TD> : <INPUT TYPE="TEXT" SIZE=25 /></TD></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    </TR></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <TR></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <TD>SAYA SEORANG</TD></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <TD> : <SELECT NAME="KELAMIN"></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <OPTION>WANITA</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <OPTION>PRIA</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    </SELECT></TD></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    </TR></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <TR></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <TD>TANGGAL LAHIR</TD></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <TD> : <SELECT NAME="TANGGAL"></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <OPTION>01</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <OPTION>02</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <OPTION>03</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <OPTION>04</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <OPTION>05</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <OPTION>06</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <OPTION>07</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <OPTION>08</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <OPTION>09</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <OPTION>10</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">    <OPTION>11</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">   <OPTION>12</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">   <OPTION>13</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">   <OPTION>14</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">   <OPTION>15</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">   <OPTION>16</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">   <OPTION>17</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">   <OPTION>18</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">   <OPTION>19</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">   <OPTION>20</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">   <OPTION>21</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>22</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>23</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>24</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>25</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>26</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>27</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>28</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>29</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>30</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>31</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  </SELECT></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <SELECT NAME="BULAN"></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>JANUARI</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>FEBRUARI</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>MARET</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>APRIL</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>MEI</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>JUNI</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>JULI</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>AGUSTUS</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>SEPTEMBER</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>OKTOBER</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>NOVEMBER</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>DESEMBER</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  </SELECT></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <SELECT NAME="TAHUN"></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>1980</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>1981</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>1982</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>1983</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>1984</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>1985</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>1986</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>1987</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>1988</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>1989</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;"> <OPTION>1990</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>1991</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>1992</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>1993</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>1994</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>1995</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>1996</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>1997</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>1998</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>1999</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <OPTION>2000</OPTION></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  </SELECT></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  </TD></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  </TR></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">   <TR></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">   <TD></TD></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">   <TD><FONT SIZE=1>MENGAPA SAYA PERLU MENGISINYA?</FONT></TD></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  </TR></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  </TABLE></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;"><br /></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <CENTER><INPUT TYPE="BUTTON" VALUE="MENDAFTAR" ID="BUTTON_MASUK"></CENTER></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <HR COLOR=#4283D4 WIDTH=400 ALIGN="LEFT"/></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <FONT SIZE=1>BUAT HALAMAN <FONT COLOR="BLACK">UNTUK SELEBRITIS, GRUP MUSIK, ATAU BISNIS</FONT></FONT></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  </DIV></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  </DIV></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  <DIV CLASS="FOOTER" ALIGN="CENTER"></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;"> <MARQUEE ONMOUSEOVER="THIS.STOP()" ONMOUSEOUT="THIS.START()" BEHAVIOR="SCROLL" DIRECTION="LEFT"      BGCOLOR="#4283D4">BELAJAR BOOSTRAP</MARQUEE></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small; font-weight: normal;">  </DIV></span></h2> <div> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small;">  </span></div> <div> <span style="font-family: "courier new" , "courier" , monospace;"><b>Setelah itu simpan file tersebut dan jalankan . jika benar maka hasil Outputnya Seperti ini.</b></span></div> <div> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small;"><b><br /></b></span></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_SuYbtwOCXxHj1ikLcA609QcWplvz0CUuTJ7n8RhhusFzhZXWCod88v39xQyVY0b8NJvoFH9MDBblB7PkJBna492NKOG4uuyYtLtkW38eKaTlml72p6j29yMAMyAgHOrSfMqVUv7VBJs/s1600/fb.jpg" imageanchor="1" style="color: #6699cc; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_SuYbtwOCXxHj1ikLcA609QcWplvz0CUuTJ7n8RhhusFzhZXWCod88v39xQyVY0b8NJvoFH9MDBblB7PkJBna492NKOG4uuyYtLtkW38eKaTlml72p6j29yMAMyAgHOrSfMqVUv7VBJs/s1600/fb.jpg" style="border: none; position: relative;" width="400" /></a></div> <div class="separator" style="clear: both; text-align: center;"> </div> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-transform: uppercase;"> </h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-align: center; text-transform: uppercase;"> <span style="font-family: "courier new" , "courier" , monospace;"><br /></span></h2> <h2 style="color: #0095ff; font-size: 13px; font-stretch: normal; line-height: normal; margin: 0.5em 0px; position: relative; text-align: center; text-transform: uppercase;"> <span style="font-family: "courier new" , "courier" , monospace;">TERIMA KASIH DAN SEMOGA BERMANFAAT</span><span style="font-family: "courier new" , "courier" , monospace;"> </span></h2> </div> </div>

Pengertian Boostrap Dan Cara Menginstal Boostrap

Pengertian Bootstrap dan cara menginstal Bootstrap APA ITU BOOTSTRAP ?       Bootstrap adalah sebuah framework CSS...

+ Baca selengkapnya »