Cara Membuat Status dan Komentar Dengan php MySQL

Admin Rubik Desain 3:42 PM
 Selamat pagi Sahabat Komputer ..
pada kesempatan yang berbahagia ini saya akan mengajak anda untuk belajar membuat status seperti pada Facebook dengan mudah.

 Tanpa panjang lebar, saya akan memberikan tutorialnya kepada anda, silahkan aktifkan terlebih dahulu aplikasi Xampp pada komputer anda, klik start pada Apache dan MySQL.


Kemudian buatlah sebuah Database MySQL Nya dengan nama practice
Dengan Tabel DatabaseNya seperti berikut ini
Setelah membuat tabel langkah selanjutnya yaitu membuat script koneksinya, seilahkan gunakan script berikut ini
<?php
    mysql_select_db('practice', mysql_connect("localhost", "root", "")) or die ('cannot connect to database' . mysql_error());
?>
Selanjutnya yaitu membuat tampilan Utama, gunakan scripti dibawah ini
<!DOCTYPE html>
<html>
<head>
    <link href="jGrowl/jquery.jgrowl.css" rel="stylesheet" media="screen"/>
                <link href="css/bootstrap.css" rel="stylesheet" media="screen">
            <link href="css/bootstrap-responsive.css" rel="stylesheet" media="screen">
            <link href="css/docs.css" rel="stylesheet" media="screen">
            <link href="css/diapo.css" rel="stylesheet" media="screen">
            <link href="css/font-awesome.css" rel="stylesheet" media="screen">
            <link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/DT_bootstrap.css" />
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="js/jquery-1.7.2.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/jquery.hoverdir.js"></script>
    <script type="text/javascript" charset="utf-8" language="javascript" src="js/jquery.dataTables.js"></script>
<script type="text/javascript" charset="utf-8" language="javascript" src="js/DT_bootstrap.js"></script>
    <?php include('dbconn.php'); ?>
    <style>
    body {
    background: #000999;
    padding:10px;
    color:#FFFFFF;
    }
    .log {
    padding:5px;
    float:center;
    }
    .daf {
    padding:5px;
    }
    .style1 {color: #0000FF}
    </style>
</head>

<body>

<table width="100%" border="0">
  <tr>
    <td width="74">&nbsp;</td>
    <td width="559">&nbsp;</td>
    <td width="433"><form  method="post" class="style1" id="login_form">
        <input type="text"  id="username" name="username" placeholder="Username" required>
        <input type="password" id="password" name="password" placeholder="Password" required>
        <input class="btn-primary" name="login" value="Login" type="submit">
  </form></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>  <h3>DAFTAR BARU</h3>

            <form method="POST" action="signup.php" id="signup">
       
                <input type="text" name="username" Placeholder="Username"><br /><br />
                <input type="password" name="password" Placeholder="Password"><br /><br />
                <input type="text" name="firstname" Placeholder="Nama Depan"><br /><br />
                <input type="text" name="lastname" Placeholder="Nama Belakang"><br />
  <br />
                <input type="submit" class="btn-primary" name="save" value="Daftar">
            </form></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

<div class="log">

<script>
            jQuery(document).ready(function(){
            jQuery("#login_form").submit(function(e){
                    e.preventDefault();
                    var formData = jQuery(this).serialize();
                    $.ajax({
                        type: "POST",
                        url: "login.php",
                        data: formData,
                        success: function(html){
                        if(html=='true')
                        {
                        $.jGrowl("Selamat Jon!", { header: 'Nt Bisa Manjing Jon' });
                        var delay = 2000;
                            setTimeout(function(){ window.location = 'home.php'  }, delay); 
                        }
                        else
                        {
                        $.jGrowl("Tolong Dicek Maning Username Karo Password e", { header: 'Gagal Manjing Jon' });
                        }
                        }
                       
                    });
                    return false;
                });
            });
            </script> 

 
 
        </div>
        </div><!--form-->
       
      <div class="daf">
     

           
<br>
</center>
<?php include('scripts.php');?>
</div>
</body>
</html>
Untuk lebih lengkapnya silahkan KOMENTAR dibawah ini, atau bisa chat langsung melalui kontak person yang tersedia.


Print PDF
Reactions

Post a Comment

1 Comments