darionehied

Cara membuat from CRUD

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuqpArW-yR10fAJTJN8h6y56wuM0JOqwgbOsxZC2116PNAMSf-BX__EF7H9Tppjybtdc-oljZD7VljeO1qxzi3P9h22Szu_KMwb9MeliwL1qWWZCfb1CyHlOaDARGgBQzFWbvfai2fN2M/s1600/crud.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuqpArW-yR10fAJTJN8h6y56wuM0JOqwgbOsxZC2116PNAMSf-BX__EF7H9Tppjybtdc-oljZD7VljeO1qxzi3P9h22Szu_KMwb9MeliwL1qWWZCfb1CyHlOaDARGgBQzFWbvfai2fN2M/s1600/crud.jpg" /></a></div>
 
CRUD adalah dimana kit bisa melakukan Create Read Update data. Dalam proses pembuatan website pasti kita membutuhkan CRUD yang digunakan dalam proses daftar(create), membaca(read), bahkan menghapus(delete). Pada pembuatan CRUD kita membutuhkan beberapa script agar CRUD bisa berjalan. 
<div style="text-align: left;">
 </div>
<div style="text-align: left;">
 </div>
<div style="text-align: left;">
Pertama kita buat database dengan nama crud :</div>
<ol>
<li>-- Table structure for user</li>
<li>-- ----------------------------</li>
<li>CREATE TABLE `user` (</li>
<li>  `id` int(5) NOT NULL AUTO_INCREMENT,</li>
<li>  `username` varchar(30) NOT NULL,</li>
<li>  `password` varchar(30) NOT NULL,</li>
<li>  PRIMARY KEY (`id`)</li>
<li>) ENGINE=InnoDB AUTO_INCREMENT=8 DEFAULT CHARSET=latin1;</li>
<li>-- ----------------------------</li>
<li>-- Records </li>
<li>-- ----------------------------</li>
<li>INSERT INTO `user` VALUES ('1', 'admin', '12345');</li>
<li>INSERT INTO `user` VALUES ('5', 'onehied', '12345');</li>
</ol>
 Anda bisa Dumping kode SQL diatas ata mengimport file crud.sql yang sudah disertakan pada file download dibawah halaman ini. 
Kemudian buat fie baru dengan nama config.php : 
<ol>
<li><?php</li>
<li>$host = "localhost";</li>
<li>$user = "root";</li>
<li>$pass = "root";</li>
<li>$db_name = "crud"; </li>
<li>mysql_connect($host, $user, $pass) or die (mysql_error());</li>
<li>mysql_select_db($db_name) or die (mysql_error());</li>
<li>?></li>
</ol>
File config.php berguna untuk menghubungkan kedatabase. 
Selanjutnya kita buat file baru dengan nama index.php : 
<ol>
<li><html></li>
<li><head><title>Cara Membuat CRUD</title></head></li>
<li><link rel="stylesheet" type="text/css" href="style.css"></li>
<li><body></li>
<li><div id="head"></div></li>
<li>    <div id="header"></li>
<li>    <h2>Cara Membuat CRUD</h2></li>
<li>    Oleh Onehied</li>
<li>        <div id="menu"></li>
<li>        <a href="index.php" class="active">Home</a></li>
<li>        <a href="login.php">Login</a></li>
<li>        </div></li>
<li>        <div id="content"></li>
<li>        Cara Membuat CRUD oleh <a href="http://www.darionehied.blogspot.com/" target="_blank">darionehied</a></li>
<li>           Anda bisa mempublikasikan ulang, atau merubah Source Code ini. </li>
<li>           </li>
<li>        </div></li>
<li>    </div></li>
<li></body></li>
<li></html></li>
</ol>
Buat file baru dengan nama login.php : 
<ol>
<li><html></li>
<li><head><title>Cara Membuat CRUD</title></li>
<li><link rel="stylesheet" type="text/css" href="style.css"></li>
<li></head></li>
<li><body></li>
<li><div id="head"></li>
<li>        <div id="header"></li>
<li>            <h2>Cara Membuat CRUD</h2></li>
<li>            Oleh Onehied</li>
<li>             <div id="menu"></li>
<li>            <a href="index.php">Home</a></li>
<li>            <a href="login.php" class="active">Login</a></li>
<li>        </div>Sign in    </li>
<li>      <div id="content"></li>
<li>         <form action="ceklogin.php" method="post"></li>
<li>          <div id="acc1"><input type='text' name='username' size="30" placeholder='Username'></div></li>
<li>        <div id="acc2"><input type='password' name='password' size="30" placeholder='Password'></div></li>
<li>        <div id="acc3"></li>
<li>          <input name="submit" type="submit" value="Sign in"></li>
<li>        </div></li>
<li>        <div id="acc4"><a href="create.php">Create</a></div> </li>
<li>        <div id="link"><a href="http://www.darionehied.blogspot.com/" target="_blank">darionehied</a></div></li>
<li>        </form>    </li>
<li>    </div>   </li>
<li></div></li>
<li></body></li>
<li></html></li>
</ol>
 Buat file dengan nama ceklogin.php : 
<ol>
<li><?php</li>
<li>session_start();</li>
<li>include 'config.php';</li>
<li>if (!empty($_SESSION['username'])) {</li>
<li>    header('location:login.php');</li>
<li>}</li>
<li>if(!empty($_POST)){</li>
<li>     </li>
<li>    $username = $_POST['username'];</li>
<li>    $password =($_POST['password']);</li>
<li> </li>
<li>    $sql = "select * from user where username='".$username."' and password='".$password."'";</li>
<li>    #echo $sql." ";</li>
<li>    $query = mysql_query($sql) or die (mysql_error());</li>
<li>    // pengecekan query valid atau tidak</li>
<li>    if($query){</li>
<li>        $row = mysql_num_rows($query);       </li>
<li>        // jika $row > 0 atau username dan password ditemukan</li>
<li>        if($row > 0){</li>
<li>            $_SESSION['isLoggedIn']=1;</li>
<li>            $_SESSION['username']=$username;</li>
<li>            header('Location: dashboard.php');</li>
<li>        }else{ </li>
<li>            ?><script>alert('Username atau password salah');</script><?</li>
<li>        }</li>
<li>    }</li>
<li>}</li>
<li>include'login.php';</li>
<li>?></li>
</ol>
 Jangan lupa buat file dengan nama logout.php : 
<ol>
<li><?php</li>
<li>session_start();</li>
<li>session_destroy();</li>
<li>header('Location: index.php');</li>
<li>?></li>
</ol>
Kemudian buat file dengan nama create.php : 
<ol>
<li><html></li>
<li><head><title>Cara Membuat CRUD</title></li>
<li><link rel="stylesheet" type="text/css" href="style.css"></li>
<li></head></li>
<li><body></li>
<li><div id="head"></li>
<li>        <div id="header"></li>
<li>            <h2>Cara Membuat CRUD</h2></li>
<li>            Oleh Onehied</li>
<li>             <div id="menu"></li>
<li>            <a href="index.php">Home</a></li>
<li>            <a href="login.php" class="active">Login</a></li>
<li>        </div>Create Account    </li>
<li>      <div id="content"></li>
<li>         <form action="cekcreate.php" method="post"></li>
<li>          <div id="acc1"><input type='text' name='username' size="30" placeholder='Username'></div></li>
<li>        <div id="acc2"><input type='password' name='password' size="30" placeholder='Password'></div></li>
<li>        <div id="acc3"><input type="submit" value="Create"></div> </li>
<li>        <div id="link"><a href="http://www.darionehied.blogspot.com/" target="_blank">darionehied</a></div></li>
<li>        </form>    </li>
<li>    </div>   </li>
<li></div></li>
<li></body></li>
<li></html></li>
</ol>
 Selanjutnya kita buat file cekcreate.php : 
<ol>
<li><?php</li>
<li>//panggil file config.php untuk menghubung ke server</li>
<li>include('config.php');</li>
<li>//tangkap data dari form</li>
<li>$username = $_POST['username'];</li>
<li>$password = $_POST['password'];</li>
<li>$sql=mysql_query(" select * from user");</li>
<li>$id=0;</li>
<li>while ($row = mysql_fetch_array($sql))</li>
<li>{ if ($row['id'] <= $id)</li>
<li>{</li>
<li>$id=$id+1;</li>
<li>}}</li>
<li>//simpan data ke database</li>
<li>$query = mysql_query("insert into user values('$id', '$username', '$password')") or die(mysql_error());</li>
<li>if ($query) {</li>
<li>    // jika berhasil menyimpan</li>
<li>    header('location: index.php?msg=success');    </li>
<li>} else {</li>
<li>    // jika gagal menyimpan</li>
<li>    header('location: login.php?msg=failed');    </li>
<li>}</li>
<li>?></li>
</ol>
Dan buat file dengan nama dashboard.php  : 
<ol>
<li><?php</li>
<li>include 'config.php';</li>
<li>session_start();</li>
<li>$username = $_SESSION['username'];</li>
<li>$isLoggedIn = $_SESSION['isLoggedIn'];</li>
<li> </li>
<li>if($isLoggedIn != '1'){</li>
<li>    session_destroy();</li>
<li>    header('Location: login.php');</li>
<li>}</li>
<li>?></li>
<li><html></li>
<li><head></li>
<li>    <title>Cara Membuat CRUD</title></li>
<li>    <link rel="stylesheet" type="text/css" href="style.css"></li>
<li></head><body></li>
<li>    <div id="container"></li>
<li>        <div id="header"></li>
<li>            <h2>Cara Membuat CRUD</h2></li>
<li>            Oleh Onehied</li>
<li>                 <div id="menu"></li>
<li>                    <a href="index.php">Home</a></li>
<li>                    <a href="login.php">Login</a></li>
<li>                    <a href="dashboard.php" class="active">Dasboard</a></li>
<li>                    <a href="logout.php">Logout</a></li>
<li>                 </div></li>
<li>                 <div id="content"></li>
<li>            Selamat <?php echo $username; ;?> berhasil login.</li>
<li><table width="100%"></li>
<li><tr></li>
<li>    <td align="center" width="50">Opsi</td></li>
<li>    <td align="center">No</td></li>
<li>    <td align="center">Username</td></li>
<li>    <td align="center">Password</td></li>
<li></tr></li>
<li><?php</li>
<li>    $sql = "select * FROM user";</li>
<li>    $no = 1;</li>
<li>    $tampil = mysql_query($sql);</li>
<li>    while ($data = mysql_fetch_array($tampil)){</li>
<li>?></li>
<li><tr></li>
<li><td align="center"><?php echo $id ?></li>
<li>            <a href="delete.php?id=<?php echo $data['id']; ?>"><img src="images/delete.gif"></a></li>
<li>&nbsp;&nbsp;<a href="edit.php?id=<?php echo $data['id']; ?>"><img src="images/edit.png"></a></td></li>
<li><td align="center"><?php echo $no; ?></td></li>
<li><td align="center"><?php echo $data['username']; ?></td></li>
<li><td align="center"><?php echo $data['password']; ?></td></li>
<li></tr></li>
<li><?php</li>
<li>$no++;</li>
<li>}</li>
<li>?></li>
<li></table></li>
<li>            <div id="link"><a href="http://www.darionehied.blogspot.com/" target="_blank">darionehied</a></div></li>
<li>        </div></li>
<li>        </div></li>
<li>    </div></li>
<li></body></li>
<li></html></li>
</ol>
 Selanjutnya kita buat file baru delete.php : 
<ol>
<li><?php </li>
<li>include('config.php');</li>
<li>$id = $_GET['id'];</li>
<li>$query = mysql_query("delete from user where id='$id'") or die(mysql_error());</li>
<li>if ($query) {</li>
<li>    header('location:dashboard.php?message=delete');</li>
<li>}</li>
<li>?></li>
</ol>
Buat lagi file baru edit.php : 
<ol>
<li><?php</li>
<li>include 'config.php';</li>
<li>session_start();</li>
<li>$username = $_SESSION['username'];</li>
<li>$isLoggedIn = $_SESSION['isLoggedIn'];</li>
<li> </li>
<li>if($isLoggedIn != '1'){</li>
<li>    session_destroy();</li>
<li>    header('Location: login.php');</li>
<li>}</li>
<li>?></li>
<li><html></li>
<li><head></li>
<li>    <title>Cara Membuat CRUD</title></li>
<li>    <link rel="stylesheet" type="text/css" href="style.css"></li>
<li></head></li>
<li><body></li>
<li>    <div id="container"></li>
<li>        <div id="header"></li>
<li>            <h2>Cara Membuat CRUD</h2></li>
<li>            Oleh Onehied</li>
<li>                 <div id="menu"></li>
<li>                    <a href="index.php">Home</a></li>
<li>                    <a href="login.php">Login</a></li>
<li>                    <a href="dashboard.php" class="active">Dasboard</a></li>
<li>                    <a href="logout.php">Logout</a></li>
<li>                 </div></li>
<li>                 <div id="content"></li>
<li><?php </li>
<li>$id = $_GET['id'];</li>
<li>$query = mysql_query("select * from user where id='$id'") or die(mysql_error());</li>
<li>$data = mysql_fetch_array($query);</li>
<li>?></li>
<li><form name="update" action="update.php" method="post"></li>
<li><table width="100%"></li>
<li><tr></li>
<li>    <td align="center">Username</td></li>
<li>    <td align="center">Password</td></li>
<li></tr></li>
<li><tr></li>
<li>    <input type="hidden" name="id" value="<?php echo $id; ?>" /></li>
<li>    <td align="center"><input type="text" name="username" maxlength="20" required="required" value="<?php echo $data['username']; ?>" /></td></li>
<li>    <td align="center"><input type="text" name="password" maxlength="20" required="required" value="<?php echo $data['password']; ?>" /></td></li>
<li></tr></li>
<li><tr></li>
<li>    <td colspan="2" align="center"></li>
<li>    <input type="submit" name="submit" value="Update" /></li>
<li>    </td></li>
<li></tr></li>
<li></form></li>
<li></table></li>
<li>    <div id="link"><a href="http://www.darionehied.blogspot.com/" target="_blank">darionehied</a></div></li>
<li>        </div></li>
<li>        </div></li>
<li>    </div></li>
<li></body></li>
<li></html></li>
</ol>
 Buat file lagi dengan nama update.php : 
<ol>
<li><?php</li>
<li>include('config.php');</li>
<li>//tangkap data dari form</li>
<li>$id = $_POST['id'];</li>
<li>$username = $_POST['username'];</li>
<li>$password = $_POST['password'];</li>
<li>//update data di database sesuai id</li>
<li>$query = mysql_query("update user set username='$username', password='$password' where id='$id'") or die(mysql_error());</li>
<li>if ($query) {</li>
<li>    header('location:dashboard.php?message=success');</li>
<li>}</li>
<li>?></li>
</ol>
Dan terakhir kita buat kita buat file baru dengan nama style.css : 
<ol>
<li>body {</li>
<li>    background-color:none; </li>
<li>     }</li>
<li>#header {</li>
<li>    width:550px;</li>
<li>    margin:20px auto;</li>
<li>    padding:10px;</li>
<li>    text-align:center;</li>
<li>    background-color:#fff;</li>
<li>    box-shadow:0px 0px 3px #000;</li>
<li>    }</li>
<li>h1, h2, h3 {</li>
<li>    margin:0;</li>
<li>    padding:0;</li>
<li>}</li>
<li>#menu {</li>
<li>    text-align:center;</li>
<li>    margin:15px 0px;</li>
<li>    border-top:1px solid #0099FF;</li>
<li>    border-bottom:1px solid #0099FF;</li>
<li>      }</li>
<li>    #menu a {</li>
<li>        display:inline-block;</li>
<li>        padding:5px 10px;</li>
<li>        text-decoration:none;</li>
<li>        color:#000;</li>
<li>        font-weight:bold;</li>
<li>    }</li>
<li>        #menu a:hover {</li>
<li>            background-color:#0099FF;</li>
<li>        }</li>
<li>        </li>
<li>        #menu a.active {</li>
<li>            background-color:#0099FF;</li>
<li>        }</li>
<li>        </li>
<li>.table, td {</li>
<li>    border:1px solid #0099FF}</li>
<li>#acc1 {</li>
<li>    margin:10px 0px 0px 0px;</li>
<li>    }</li>
<li>input[type=text] {</li>
<li>    color:#ffff;</li>
<li>    height: 20px;</li>
<li>    }        </li>
<li>#acc2 {</li>
<li>    margin:10px 0px 0px 0px;</li>
<li>    }</li>
<li>input[type=password] {</li>
<li>    color:#ffff;</li>
<li>    height: 20px;</li>
<li>    }</li>
<li>#acc4 {</li>
<li>    text-align:left;</li>
<li>    margin:-22px 0px 0px 180px;</li>
<li>    }        </li>
<li>#link {</li>
<li>    text-align:right;</li>
<li>    }</li>
<li>input[type=submit] {</li>
<li>    color:#ffff;</li>
<li>    width:80px;</li>
<li>    height: 25px;</li>
<li>    background:#3399FF;</li>
<li>    margin:0px 0px 0px 0px;</li>
<li>    border-radius:18px 18px 18px 18px;</li>
<li>     }</li>
<li>     a, a:link, a:visited { color:#0099FF; font-weight: normal; text-decoration: none;}</li>
<li>     a:hover }    </li>
</ol>
 style.css ini berguna untuk mempercantik tampilan 
 Download Source Code 
<a href="https://www.dropbox.com/s/23zwoxwrtd99atg/crud.rar?dl=0" target="_blank">Download</a>  
Password 
darionehied

Cara membuat from CRUD

CRUD adalah dimana kit bisa melakukan Create Read Update data. Dalam proses pembuatan website pasti kita membutuhkan CRUD yang digunakan ...

Cara Membuat Form Upload dan Download

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVhHYz6YKaxV7XIgtYSfjvMjwUAuNRyYXIH-UZ1BPmUUmx2trG3G1OD8B8wMPETp_HF79DeRcTQHMzP9Pa3fFsuczQNyws3MtcFe71hsd5J-WRe_zYDOPn6lGFJQGdEajcAbmclMqgZVM/s1600/Untitled-3.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVhHYz6YKaxV7XIgtYSfjvMjwUAuNRyYXIH-UZ1BPmUUmx2trG3G1OD8B8wMPETp_HF79DeRcTQHMzP9Pa3fFsuczQNyws3MtcFe71hsd5J-WRe_zYDOPn6lGFJQGdEajcAbmclMqgZVM/s1600/Untitled-3.jpg" /></a></div>
 
 
Pernahkah anda mengupload file seperti foto, mp3, video dll. Dan pernahkah anda mendownload seperti foto, mp3, video dll. 
Disini kita akan bahas bagaimana cara proses upload dan download suatu file tersebut 
 
 
 
 
Pertama kita buat database dengan nama upload&download : 
-- Table structure for savefile 
-- ---------------------------- 
CREATE TABLE `savefile` ( 
  `id` int(11) NOT NULL AUTO_INCREMENT, 
  `name` varchar(255) NOT NULL, 
  `date` date NOT NULL, 
  `type` varchar(10) NOT NULL, 
  `size` int(11) NOT NULL, 
  `url` varchar(20) NOT NULL, 
  PRIMARY KEY (`id`) 
) ENGINE=InnoDB AUTO_INCREMENT=104 DEFAULT CHARSET=utf8; 
 
-- ---------------------------- 
-- Records 
-- ---------------------------- 
INSERT INTO `savefile` VALUES ('88', 'cantik', '2015-02-02', 'jpg', '8790', './data/cantik.jpg'); 
INSERT INTO `savefile` VALUES ('102', 'all night', '2015-02-07', 'mp3', '12009037', './data/all night.mp3'); 
INSERT INTO `savefile` VALUES ('103', 'cursor', '2015-02-07', 'rar', '14683525', './data/cursor.rar'); 
 
Kemudian buat file baru dengan nama config.php : 
<ol>
<li><?php</li>
<li>$host = "localhost";</li>
<li>$user = "root";</li>
<li>$pass = "root";</li>
<li>$db_name = "upload&download";</li>
<li>mysql_connect($host, $user, $pass) or die (mysql_error());</li>
<li>mysql_select_db($db_name) or die (mysql_error());</li>
<li>?></li>
</ol>
Selanjutnya kita buat index.php : 
<ol>
<li> <html></li>
<li><head><title>Cara Membuat Form Upload dan Download</title></head></li>
<li><link rel="stylesheet" type="text/css" href="style.css"></li>
<li><body></li>
<li><div id="head"></div></li>
<li>    <div id="header"></li>
<li>    <h2>Cara Membuat Form Upload dan Download</h2></li>
<li>    Oleh Onehied</li>
<li>        <div id="menu"></li>
<li>        <a href="index.php" class="active">Home</a></li>
<li>        <a href="upload.php">Upload</a></li>
<li>        <a href="download.php">Download</a></li>
<li>        </div></li>
<li>        <div id="content"></li>
<li>        Cara Membuat Form Upload dan Download oleh <a href="http://www.darionehied.blogspot.com/" target="_blank">darionehied</a></li>
<li>           Anda bisa mempublikasikan ulang, atau merubah Source Code ini. </li>
<li>           </li>
<li>        </div></li>
<li>    </div></li>
<li></body></li>
<li></html></li>
</ol>
Buat file baru dengan nama upload.php : 
<ol>
<li><!DOCTYPE html></li>
<li><html></li>
<li><head></li>
<li>    <title>Cara Membuat Form Upload dan Download</title></li>
<li>    <link rel="stylesheet" type="text/css" href="style.css"></li>
<li></head><body></li>
<li>    <div id="head"></li>
<li>        <div id="header"></li>
<li>            <h2>Cara Membuat Form Upload dan Download</h2></li>
<li>            Oleh Onehied</li>
<li>             <div id="menu"></li>
<li>            <a href="index.php">Home</a></li>
<li>            <a href="upload.php" class="active">Upload</a></li>
<li>            <a href="download.php">Download</a></li>
<li>            </div></li>
<li>             Silakan Upload file yang anda inginkan. </li>
<li>            <?php</li>
<li>        include 'config.php';</li>
<li>         if (isset($_POST['save'])){</li>
<li>        $file_name         = $_POST['name'];</li>
<li>        $file_date         = date("Y-m-d");</li>
<li>        $file_size         = $_FILES['file']['size'];</li>
<li>        $file              = $_FILES['file']['name'];</li>
<li>        $file_type         = strtolower(end(explode('.', $file)));</li>
<li>        $file_tmp        = $_FILES['file']['tmp_name'];</li>
<li>        $file_lokasi     = './data/'.$file_name.'.'.$file_type;</li>
<li>        $file_tujuan    = $file_lokasi;</li>
<li>        // Simpan ke Database</li>
<li>        $sql = "insert into savefile (name,date,type,size,url) values ('$file_name', '$file_date','$file_type','$file_size','$file_tujuan')";</li>
<li>        mysql_query($sql);        </li>
<li>        // Simpan di Folder Gambar</li>
<li>        $lokasi = './data/'.$file_name.'.'.$file_type;</li>
<li>        move_uploaded_file($file_tmp,$lokasi);</li>
<li>        {echo"<script>alert('file Berhasil diupload !');</script>";    }</li>
<li>        }</li>
<li>            ?></li>
<li>  <div id="content"></li>
<li>            <form method="post" enctype="multipart/form-data"></li>
<li>            <th align="left">Name File : </th></li>
<li>            <tr></li>
<li>            <th align="left"><input type="text" name="name" size="35" maxlength="255" required /></li>
<li>            </th></tr></li>
<li>            <tr></li>
<li>            <th align="left">Search File : </th></tr></li>
<li>            <tr><th align="left"><input type="file" name="file" required /> </th></tr></li>
<li>            <tr></li>
<li>            <th align="left"><input type="submit" value="Upload" name="save"></th></tr> </li>
<li>                    </form></li>
<li> <div id="acc4"><a href="http://www.darionehied.blogspot.com/" target="_blank">darionehied</a></div>        </li>
<li>        </div></li>
<li>        </div></li>
<li>    </div></li>
<li></body></li>
<li></html></li>
</ol>
Kemudian buat file dengan nama download.php : 
<ol>
<li><!DOCTYPE html></li>
<li><html></li>
<li><head></li>
<li>    <title>Cara Membuat Form Upload dan Download</title></li>
<li>    <link rel="stylesheet" type="text/css" href="style.css"></li>
<li></head><body></li>
<li>    <div id="container"></li>
<li>        <div id="header"></li>
<li>            <h2>Cara Membuat Form Upload dan Download</h2></li>
<li>            Oleh Onehied</li>
<li>                 <div id="menu"></li>
<li>                    <a href="index.php">Home</a></li>
<li>                    <a href="upload.php">Upload</a></li>
<li>                    <a href="download.php" class="active">Download</a></li>
<li>                 </div></li>
<li>                 <div id="content"></li>
<li>            Silahkan delete atau download file yang sudah di Upload. Untuk mendownload file ber-ekstensi (gambar) jpg, jpeg, bmp, png, gif dll Silakan klik kanan download with IDM, jika anda menggunakan IDM atau Anda bisa klik download kemudian klik kanan save image as.</li>
<li>            <a href="http://www.darionehied.blogspot.com/" target="_blank">darionehied</a>       </li>
<li>            </li>
<li><table width="100%"></li>
<li><tr></li>
<li>    <td align="center" width="50">Opsi</td></li>
<li>    <td align="center">No</td></li>
<li>    <td align="center">Name</td></li>
<li>    <td align="center">Date</td></li>
<li>    <td align="center" width="70">Type</td></li>
<li>    <td align="center" width="70">Size (b)</td></li>
<li></tr></li>
<li><?php</li>
<li>    include 'config.php';</li>
<li>    $sql = "select * FROM savefile";</li>
<li>    $no = 1;</li>
<li>    $tampil = mysql_query($sql);</li>
<li>    while ($data = mysql_fetch_array($tampil)){</li>
<li>?></li>
<li><tr></li>
<li><td align="center"><?php echo $id ?><a href="delete.php?id=</li>
<li><?php echo $data['id']; ?>"><img src="images/delete.gif"></a>&nbsp;</li>
<li><a href="<?=$data['url'];?>"><img src="images/downloadb.png"></a></td></li>
<li><td align="center"><?php echo $no; ?></td></li>
<li><td align="center"><?php echo $data['name']; ?></td></li>
<li><td align="center"><?php echo $type= date("Y-m-d"); ?></td></li>
<li><td align="center"><?php echo $data['type']; ?></td></li>
<li><td align="center"><?php echo $data['size']; ?></td></li>
<li></tr></li>
<li><?php</li>
<li>$no++;</li>
<li>}</li>
<li>?></li>
<li>            </table></li>
<li>            </li>
<li>        </div></li>
<li>        </div></li>
<li>    </div></li>
<li></body></li>
<li></html></li>
</ol>
 Selanjutnya kita buat file delete.php : 
<ol>
<li><?php </li>
<li>include('config.php');</li>
<li>$id = $_GET['id'];</li>
<li>$query = mysql_query("delete from savefile where id='$id'") or die(mysql_error());</li>
<li>if ($query) {</li>
<li>    header('location:download.php?message=delete');</li>
<li>}</li>
<li>?></li>
</ol>
 Dan terakhir kita buat file dengan nama style.css : 
<ol>
<li>body {</li>
<li>    background-color:none;</li>
<li>     </li>
<li>     }</li>
<li>#header {</li>
<li>    width:550px;</li>
<li>    margin:20px auto;</li>
<li>    padding:10px;</li>
<li>    text-align:center;</li>
<li>    background-color:#fff;</li>
<li>    box-shadow:0px 0px 3px #000;</li>
<li>    }</li>
<li>h1, h2, h3 {</li>
<li>    margin:0;</li>
<li>    padding:0;</li>
<li>}</li>
<li>#menu {</li>
<li>    text-align:center;</li>
<li>    margin:15px 0px;</li>
<li>    border-top:1px solid #0099FF;</li>
<li>    border-bottom:1px solid #0099FF;</li>
<li>}</li>
<li>    #menu a {</li>
<li>        display:inline-block;</li>
<li>        padding:5px 10px;</li>
<li>        text-decoration:none;</li>
<li>        color:#000;</li>
<li>        font-weight:bold;</li>
<li>    }</li>
<li>    </li>
<li>        #menu a:hover {</li>
<li>            background-color:#0099FF;</li>
<li>        }</li>
<li>        </li>
<li>        #menu a.active {</li>
<li>            background-color:#0099FF;</li>
<li>        }</li>
<li>        </li>
<li>.table, td {</li>
<li>    border:1px solid #0099FF}</li>
<li>#acc4 {</li>
<li>    text-align:right;</li>
<li>    }</li>
<li>input[type=submit] {</li>
<li>    color:#ffff;</li>
<li>    width:80px;</li>
<li>    height: 25px;</li>
<li>    background:#3399FF;</li>
<li>    margin:10px 0px 0px 0px;</li>
<li>    border-radius:18px 18px 18px 18px;</li>
<li>    text-decoration:none;</li>
<li>     }</li>
<li>     a, a:link, a:visited { color:#0099FF; font-weight: normal; text-decoration: none;}</li>
<li>    #menu1 a:hover }        </li>
</ol>
Download Source Code 
<a href="https://www.dropbox.com/s/24qpvywjsrb84x5/dropdown.rar?dl=0" target="_blank">Download</a> 
Password 
darionehied

Cara Membuat Form Upload dan Download

Pernahkah anda mengupload file seperti foto, mp3, video dll. Dan pernahkah anda mendownload seperti foto, mp3, video dll. Disini kita a...

Cara Membuat Menu Dropdown

<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="MsoNormal" style="text-indent: 36.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYtdz9dJ7tpm4rP8nExZe-ragDlN9cIV0v71C8P28cO9UhQozL0vBjxQsHBUaNfiz56nlQNW_jlj3wD_aN5jY8OjOEc4J9i1FgJhhyphenhyphen3HSL1HaeJwTw-AzlgKr8gJgBXnWQ36OI1r9FFHY/s1600/dropdown.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYtdz9dJ7tpm4rP8nExZe-ragDlN9cIV0v71C8P28cO9UhQozL0vBjxQsHBUaNfiz56nlQNW_jlj3wD_aN5jY8OjOEc4J9i1FgJhhyphenhyphen3HSL1HaeJwTw-AzlgKr8gJgBXnWQ36OI1r9FFHY/s1600/dropdown.jpg" /></a></div>
Pernahkah anda saat
mengunjungi web melihat apabila kursor di gerakan, akan ada menu seperti
jatuh kebawah. Menu yang jatuh horizontal atau vertical itu merupakan menu dropdown.</div>

<div class="MsoNormal" style="text-indent: 36.0pt;">
Menu dropdown merupakan
tampilan apabila kita mengarahkan kursor ke menu maka akan terlihat menu
yang jatuh kebawah atau dropdown. Disini kita akan bahas bagaimana cara membuat
menu dropdown tersebut.</div>

<div class="MsoNormal">
Pertama kita buat file dengan nama index.php :</div>

</li>
<li>

</div></li>
<li>

<div class="MsoNormal">
File index.php ini merupakan menu yang kita buat
dropdown.</div>

<div class="MsoNormal">
Kemudian kita buat file dengan nama style.css.</div>
<ol>
<li>body {</li>
<li>    background-color:none; </li>
<li>     }</li>
<li>#header {</li>
<li>    width:960px;</li>
<li>    margin:20px auto;</li>
<li>    padding:10px;</li>
<li>    text-align:center;</li>
<li>    background-color:#fff;</li>
<li>    box-shadow:0px 0px 3px #000;</li>
<li>    }</li>
<li>h1, h2, h3 {</li>
<li>    margin:0;</li>
<li>    padding:0;</li>
<li>}</li>
<li>#menu {</li>
<li>    text-align:center;</li>
<li>    margin:15px 0px;</li>
<li>    border-top:1px solid #0099FF;</li>
<li>    border-bottom:1px solid #0099FF;</li>
<li>      }</li>
<li>    #menu a {</li>
<li>        display:inline-block;</li>
<li>        padding:5px 10px;</li>
<li>        color:#000;</li>
<li>        font-weight:bold; }</li>
<li>     a, a:link, a:visited { color:#0099FF; font-weight: normal; text-decoration: none;}    </li>
<li>        #menu a:hover {</li>
<li>            background-color:#0099FF;</li>
<li>        }</li>
<li>nav ul ul {</li>
<li> display: none;</li>
<li>}</li>
<li>nav ul li:hover > ul {</li>
<li> display: block;</li>
<li>}</li>
<li>nav ul {</li>
<li> background: #efefef;</li>
<li> padding: 0;</li>
<li> list-style: none;</li>
<li> position: relative;</li>
<li> display: inline-table;</li>
<li>}</li>
<li>nav ul li {</li>
<li> float: left;</li>
<li>}</li>
<li>nav ul li:hover {</li>
<li> background: #0099FF;</li>
<li>}</li>
<li>nav ul li a {</li>
<li> display: block; padding: 25px 40px;</li>
<li> text-decoration: none;</li>
<li>}</li>
<li>nav ul ul {</li>
<li> background:#F0F0F0; border-radius: 0px; padding: 0;</li>
<li> position: absolute; top: 100%;</li>
<li>}</li>
<li>nav ul ul li {</li>
<li> float: none;</li>
<li> border-top: 1px solid #F0F0F0;</li>
<li> border-bottom: 1px solid #F0F0F0;</li>
<li> position: relative;</li>
<li>}</li>
<li>nav ul ul ul {</li>
<li> position: absolute; left: 100%; top:0;</li>
<li>}        </li>
</ol>
<div class="MsoNormal">
Style.css disini berguna membuat tampilan dropdown menjadi horizontal atau vertical.</div>
<div class="MsoNormal">
 </div>

Download Source code

<a href="https://www.dropbox.com/s/24qpvywjsrb84x5/dropdown.rar?dl=0" target="_blank">Download</a>  
Password

darionehied

Cara Membuat Menu Dropdown

Pernahkah anda saat mengunjungi web melihat apabila kursor di gerakan, akan ada menu seperti jatuh kebawah. Menu yang jatuh horizo...

Cara Membuat Form Login

<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8_w7qlLJ3AVcs137Z9vS9F2ywBWB3u3a_eTT0XIaTH034A1zmhub78YOgNSWtOH2P70-oaj63DuOrIieNCUYZsxMMy70ferpGdALS2-jGWtLszsd2GTSOKJcqj1rw4WMvrZYDIlgQPA8/s1600/Untitled-2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8_w7qlLJ3AVcs137Z9vS9F2ywBWB3u3a_eTT0XIaTH034A1zmhub78YOgNSWtOH2P70-oaj63DuOrIieNCUYZsxMMy70ferpGdALS2-jGWtLszsd2GTSOKJcqj1rw4WMvrZYDIlgQPA8/s1600/Untitled-2.jpg" /></a></div>
Halaman login
merupakan pintu masuk kedalam sebuah sistem. Fungsi utama dari halaman login
adalah untuk melindungi sistem anda. Disini saya akan menerangkan proses pembuatan
form login, pertama kita harus buat terlebih dahulu databasenya.</div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
 
Create Database login :</div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
CREATE TABLE `user` (</div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
  `id` int(3) NOT
NULL AUTO_INCREMENT,</div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
  `username`
varchar(30) NOT NULL,</div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
  `password`
varchar(30) NOT NULL,</div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
  PRIMARY KEY
(`id`)</div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
) ENGINE=InnoDB
AUTO_INCREMENT=2 DEFAULT CHARSET=latin1;</div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
--
----------------------------</div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
-- Records </div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
--
----------------------------</div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
INSERT INTO `user`
VALUES ('1', 'admin', '12345');</div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
 
Dumping kode SQL  diatas atau meng-Import file database.sql yang
sudah disertakan pada file download.</div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
Kemudian buat file
baru beri nama config.php dimana kodenya seperti dibawah ini :</div>
<ol start="1" type="1">
<li class="MsoNormal" style="line-height: normal; mso-list: l1 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><?php</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l1 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">$host = "localhost";</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l1 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">$user = "root";</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l1 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">$pass = "root";</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l1 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">$db_name = "login";</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l1 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"> </li>
<li class="MsoNormal" style="line-height: normal; mso-list: l1 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">mysql_connect($host, $user, $pass) or die
 (mysql_error());</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l1 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">mysql_select_db($db_name) or die
 (mysql_error());</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l1 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">?></li>
</ol>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
kode di atas ini
merupakan koneksi ke database.</div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
Sekarang buat file
yang pertama yaitu index.php. dan berikut ini isi kodenya :</div>
<ol start="1" type="1">
<li class="MsoNormal" style="line-height: normal; mso-list: l3 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><html></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l3 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><head><title>Cara Membuat
 Form Login</title></head></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l3 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><link rel="stylesheet"
 type="text/css" href="style.css"></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l3 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><body></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l3 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><div
 id="head"></div></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l3 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">    <div
 id="header"></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l3 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">    <h2>Cara Membuat
 Form Login</h2></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l3 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">    Oleh Onehied</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l3 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">       
 <div id="menu"></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l3 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">       
 <a href="index.php"
 class="active">Home</a></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l3 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">       
 <a href="login.php">Login</a></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l3 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">       
 </div></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l3 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">       
 <div id="content"></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l3 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">       
 Cara Membuat Form Login oleh <a
 href="http://www.darionehied.com/"
 target="_blank">darionehied.com</a></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l3 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">       
    Anda bisa mempublikasikan ulang, atau merubah Source Code
 ini. </li>
<li class="MsoNormal" style="line-height: normal; mso-list: l3 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">       
    </li>
<li class="MsoNormal" style="line-height: normal; mso-list: l3 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">       
 </div></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l3 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">    </div></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l3 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"></body></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l3 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"></html></li>
</ol>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
Selanjutnya buat file
baru dengan nama login.php, dan kodenya seperti di bawah ini :</div>
<ol start="1" type="1">
<li class="MsoNormal" style="line-height: normal; mso-list: l5 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><html></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l5 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><head><title>Cara Membuat
 Form Login</title></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l5 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><link rel="stylesheet"
 type="text/css" href="style.css"></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l5 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"></head></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l5 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><body></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l5 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><div id="head"></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l5 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">       
 <div id="header"></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l5 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">       
     <h2>Cara Membuat Form Login</h2></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l5 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">       
     Oleh Onehied</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l5 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">       
      <div id="menu"></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l5 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">       
     <a href="index.php">Home</a></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l5 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">           
 <a href="login.php"
 class="active">Login</a></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l5 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">       
 </div>Sign in    </li>
<li class="MsoNormal" style="line-height: normal; mso-list: l5 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">      <div
 id="content"></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l5 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">        
 <form action="ceklogin.php" method="post"></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l5 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">     
     <div id="acc1"><input type='text'
 name='username' size="30" placeholder='Username'></div></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l5 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">       
 <div id="acc2"><input type='password' name='password'
 size="30" placeholder='Password'></div></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l5 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">       
 <div id="acc3"><input type="submit"
 value="Sign in"></div> </li>
<li class="MsoNormal" style="line-height: normal; mso-list: l5 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">       
 <div id="acc4"><a
 href="http://www.darionehied.com/">darionehied.com</a></div></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l5 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">       
 </form>    </li>
<li class="MsoNormal" style="line-height: normal; mso-list: l5 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">   
 </div>   </li>
<li class="MsoNormal" style="line-height: normal; mso-list: l5 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"></div></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l5 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"></body></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l5 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"></html> </li>
</ol>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
File ini membuat Form
untuk Login.  </div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
Dan sekarang buat file
dengan nama ceklogin.php, kodenya seperti di bawah ini :</div>
<ol start="1" type="1">
<li class="MsoNormal" style="line-height: normal; mso-list: l2 level1 lfo4; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><?php</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l2 level1 lfo4; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">session_start();</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l2 level1 lfo4; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">include 'config.php';</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l2 level1 lfo4; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">if (!empty($_SESSION['username'])) {</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l2 level1 lfo4; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">   
 header('location:login.php');</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l2 level1 lfo4; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">}</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l2 level1 lfo4; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"> </li>
<li class="MsoNormal" style="line-height: normal; mso-list: l2 level1 lfo4; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">if(!empty($_POST)){</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l2 level1 lfo4; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">     </li>
<li class="MsoNormal" style="line-height: normal; mso-list: l2 level1 lfo4; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">    $username =
 $_POST['username'];</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l2 level1 lfo4; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">    $password
 =($_POST['password']);</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l2 level1 lfo4; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"> </li>
<li class="MsoNormal" style="line-height: normal; mso-list: l2 level1 lfo4; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">    $sql = "select *
 from user where username='".$username."' and
 password='".$password."'";</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l2 level1 lfo4; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">    #echo $sql." ";</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l2 level1 lfo4; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">    $query =
 mysql_query($sql) or die (mysql_error());</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l2 level1 lfo4; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"> </li>
<li class="MsoNormal" style="line-height: normal; mso-list: l2 level1 lfo4; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">    // pengecekan query
 valid atau tidak</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l2 level1 lfo4; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">    if($query){</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l2 level1 lfo4; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">       
 $row = mysql_num_rows($query);</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l2 level1 lfo4; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">       
 </li>
<li class="MsoNormal" style="line-height: normal; mso-list: l2 level1 lfo4; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">       
 // jika $row > 0 atau username dan password ditemukan</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l2 level1 lfo4; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">       
 if($row > 0){</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l2 level1 lfo4; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">           
 $_SESSION['isLoggedIn']=1;</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l2 level1 lfo4; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">           
 $_SESSION['username']=$username;</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l2 level1 lfo4; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">           
 header('Location: dashboard.php');</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l2 level1 lfo4; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">       
 }else{ </li>
<li class="MsoNormal" style="line-height: normal; mso-list: l2 level1 lfo4; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">       
     ?><script>alert('Username atau password
 salah');</script><?</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l2 level1 lfo4; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">       
 }</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l2 level1 lfo4; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">    }</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l2 level1 lfo4; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">}</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l2 level1 lfo4; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">include'login.php';</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l2 level1 lfo4; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">?></li>
</ol>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
Buat file dengan nama
dashboard.php, kodenya seperti ini : </div>
<ol start="1" type="1">
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><?php</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">include 'config.php';</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">session_start();</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">$username = $_SESSION['username'];</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">$isLoggedIn = $_SESSION['isLoggedIn'];</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"> </li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">if($isLoggedIn != '1'){</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">    session_destroy();</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">    header('Location:
 login.php');</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">}</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">?></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><html></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><head></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">    <title>Cara
 Membuat Form Login</title></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">    <link
 rel="stylesheet" type="text/css"
 href="style.css"></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"></head></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><body></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">    <div
 id="container"></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">       
 <div id="header"></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">       
     <h2>Cara Membuat Form Login</h2></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">       
     Oleh Onehied</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">       
          <div
 id="menu"></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">       
             <a
 href="index.php">Home</a></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">       
             <a
 href="login.php">Login</a></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">       
             <a
 href="dashboard.php"
 class="active">Dasboard</a></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">       
             <a
 href="logout.php">Logout</a></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">       
          </div></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">       
          <div
 id="content"></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">           
 Selamat <?php echo $username; ;?> berhasil login.</li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">       
     Silakan isi terserah
 anda. </li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">       
     <div id="acc4"><a
 href="http://www.darionehied.com/">darionehied.com</a></div></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">       
 </div></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">       
 </div></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;">    </div></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"></body></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"></html></li>
</ol>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
Dan terakhir buat file
dengan style.css, kodenya seperti di bawah ini : </div>
<div class="MsoListParagraphCxSpFirst" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
1.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">       
body {</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
2.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">       
          background-color:none; </div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
3.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">       
           }</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
4.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">       
#header {</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
5.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">       
          width:550px;</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
6.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">       
          margin:20px auto;</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
7.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">       
          padding:10px;</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
8.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">       
          text-align:center;</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
9.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">       
          background-color:#fff;</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
10.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
          box-shadow:0px 0px 3px #000;</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
11.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
          }</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
12.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
h1, h2, h3 {</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
13.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
          margin:0;</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
14.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
          padding:0;</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
15.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
}</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
16.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
#menu {</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
17.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
          text-align:center;</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
18.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
          margin:15px 0px;</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
19.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
          border-top:1px solid #0099FF;</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
20.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
          border-bottom:1px solid #0099FF;</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
21.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
            }</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
22.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
          #menu a {</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
23.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
                      display:inline-block;</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
24.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
                      padding:5px 10px;</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
25.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
                      text-decoration:none;</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
26.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
                      color:#000;</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
27.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
                      font-weight:bold;</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
28.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
          }</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
29.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
                      #menu a:hover {</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
30.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
                                  background-color:#0099FF;</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
31.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
                      }</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
32.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
                      </div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
33.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
                      #menu a.active {</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
34.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
                                  background-color:#0099FF;</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
35.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
                      }</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
36.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
                      </div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
37.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
.table, td {</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
38.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
          border:1px solid #0099FF}</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
39.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
 </div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
40.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
#acc1 {</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
41.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
          margin:10px 0px 0px 0px;</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
42.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
          }</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
43.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
input[type=text] {</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
44.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
          color:#ffff;</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
45.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
    height: 20px;</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
46.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
          }                      </div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
47.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
#acc2 {</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
48.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
          margin:10px 0px 0px 0px;</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
49.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
          }</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
50.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
input[type=password] {</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
51.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
          color:#ffff;</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
52.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
    height: 20px;</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
53.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
          }                      </div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
54.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
#acc4 {</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
55.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
          text-align:right;</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
56.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
          }</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
57.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
input[type=submit] {</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
58.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
          color:#ffff;</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
59.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
          width:80px;</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
60.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
    height: 25px;</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
61.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
          background:#3399FF;</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
62.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
          margin:10px 0px 0px 0px;</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
63.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
          border-radius:18px 18px 18px 18px;</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
64.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
          text-decoration:none;</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
65.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
           }</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
66.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
           a, a:link, a:visited { color:#0099FF;
font-weight: normal; text-decoration: none;}</div>
<div class="MsoListParagraphCxSpLast" style="line-height: normal; margin-left: 42.55pt; mso-add-space: auto; mso-list: l4 level1 lfo6; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -21.25pt;">
67.<span style="font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: normal;">   
          #menu1 a:hover }        </div>
<div class="MsoNormal" style="line-height: normal; margin-left: 2.9pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
Kode
style.css untuk mempercantik tampilan.</div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
Sudah selesai proses
pembuatan form login  tinggal kita run. untuk source codenya download di
bawah ini.</div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
 
Download Source Code :</div>

<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
<a href="https://www.dropbox.com/s/3hs5bmdxj3qfezi/login.rar?dl=0" target="_blank">Download</a> </div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
Password :</div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
darionehied</div>

Cara Membuat Form Login

Halaman login merupakan pintu masuk kedalam sebuah sistem. Fungsi utama dari halaman login adalah untuk melindungi sistem anda. Disi...

darionehied

Cara membuat Dropdown

Cara membuat form Upload dan Download

Cara membuat login

Cara membuat CRUD

Cara membuat from CRUD

Cara Membuat Form Upload dan Download

Cara Membuat Menu Dropdown

Cara Membuat Form Login

Populer

Comments

Arsip