TUTORIAL WEB - MEMBUAT INPUTAN DATA KASIR PADA APLIKASI WEB TOKO

Membuat inputan data kasir pada aplikasi toko web - Hallo sobat, kembali lagi dengan tutorial web aplikasi toko. Sebelumnya saya membuat postingan mengenai tutorial web membuat aplikasi toko tahap ke 4 yaitu "membuat form inputan data distributor". Nah untuk kamu yang selalu mengikuti tutorial cara membuat aplikasi toko ini, silakan melakukan tahap ke 5 yaitu membuat inputan data kasir pada aplikasi web toko.

Baiklah, tanpa basa basi lagi mari kita mulai tutorial web membuat tampilan inputan data kasir pada aplikasi toko. Jangan lupa ini adalah tahapan ke 5, jika kamu bingung silakan mengikuti tahapan dari awal. Tapi jika memang mencari tutorial web mengenai membuat form inputan data kasir sobat bisa mengikuti tutorial web ini.


tutorial web desain

Tutorial Web Membuat Inputan Data Kasir

1. Aktifkan XAMPP sobat

2. Buka Aplikasi Adobe dreamweacer dan buat file baru dengan ekstensi .php

3. Tulis source kode web berikut ini, selalu ketik manual ya gan agar nanti terbiasa dengan kode - kode web.

Letakkan source kode ini berada di paling atas

<?php
include "../config.php";
include "../login/akses.php";
?>

Sedikit penjalasan, kalau kode diatas adalah untuk menghubungkan dengan config.php dan akses.php. Nah, jika kamu bingung dengan apa itu config.php atau dengan file akses.php tunggu saja tutorial saya tentang log ini. Silakan tulis kode seperti diatas.

Letakkan java script berikut ini berada di bawah <head>

<script type="text/javascript">
function popup(){
window.open('printkasir.php','page','toolbar=0,scrollbars=1,location=0,statusbar=0,
menubar=0,resizable=0,width=800,height=600,left=50,top=50,titlebar=yes');}
</script>

Source kode diatas digunakan untuk mencetak data kasir. Pop up print tersebut memanggil atau mengambil data dari printkasir.php. Untuk file nya nanti saya buat tutorial selanjutnya. Silakan sobat tulis souce kode diatas.

Letakkan source kode berikut di bawah </title>

<link rel="shortcut icon" href="../image/logo.png">

Jika kamu menginginkan aplikasinya memiliki logo yang berada dibagian head, silakan tulis source kode diatas. Untuk file gambar nya silakan buat sesuai kreatifitas. Nah untuk link letak gambar logo silakan buat sama seperti diatas, dan itu jika kamu meletakkan file - file aplikasi toko persis seperti yang saya lakukan. lihat pengenalan file aplikasi toko

Letakkan source code berikut di bawah </title> atau dibawah kode diatas

<style>
.wrapheader{
    width:100%;
    height:60px;
    background-color:#2980b9;
    position:absolute;
    color:rgba(0,0,0,1);
    top:0px;
    width:100%;
    padding:0px 20px;
    font-family:Calibri, Verdana;
    margin-left:-10px;
}
.header2{
    width:500px;
    height:45px;
    position:absolute;
    background-color:none;
    margin-left:10px;
    margin-top:0px;
    font-family:"Cataneo BT";
    font-size:36px;
    line-height:1.2em;
    color:rgba(0,102,255,1);
}
.logo{
    width:200px;
    height:200px;
    float:left;
    position:absolute;
    background-color:rgba(255,255,255,1);
    top:100px;
    transition:all ease-in-out 1s;
}
.logo:hover{
    transform:rotate(360deg);
}
input[type="file"]{
    width: 280px;
    padding:10px;
    margin: 1.5em 0;
    color: #888;
    background-color:#00cdb1 ;
    border:none;
    color:#eee;
    border-bottom: 4px solid transparent;
}
input[type="submit"]{
    width: 100px;
    padding:13px;
    background-color:#00cdb1 ;
    border:none;
    color:#eee;
    float:right;
    border-radius:2px;
    margin-right:5px;
    margin-bottom:5px;
}
input[type="text"]{
    width: 200px;
    padding:5px;
    color:rgba(0,0,0,1);
    background-color:rgba(255,255,255,1);
    border:thin solid rgba(153,153,153,1);
    height:20px;
    font-family:Calibri, "Calibri Light", Algerian;
    border-radius:3px;
}
.menu{
    width:1100px;
    height:60px;
    background-color:rgba(0,204,255,1);
    margin-top:211px;
    position:absolute;
    float:none;
    margin-left:112px;
    padding:5px;
    text-align:center;
    text-height:max-size;
    color:rgba(0,0,0,1);
    font-size:28px;
}
.menu2{
    width: 280px;
    padding:13px;
    margin: 1.5em 0;
    color: #888;
    background-color:#00cdb1 ;
    border:none;
    color:#eee;
    border-bottom: 4px solid transparent;
    position:absolute;
    margin-top:400px;
    margin-left:100px;
}
.list1{
    background-color:rgba(255,255,255,1);
    width:160px;
    height:40px;
    position:absolute;
    margin-top:320px;
    left:10px;
    border-radius:5px;
    text-align:left;
    color:rgba(66,139,202,1);
    font-family:Calibri, "Calibri Light", Algerian;
    font-size:18px;
    padding-top:7px;
    padding-left:40px;
    line-height:1.7em;
}
.list1:hover{
    display:block;
    background-color:rgba(204,204,204,0.5);
}
.list2{
    width:160px;
    height:34px;
    position:absolute;
    margin-top:369px;
    left:10px;
    border-radius:5px;
    text-align:left;
    color:rgba(0,0,0,1);
    font-family:Calibri, "Calibri Light", Algerian;
    font-size:18px;
    padding-top:7px;
    padding-left:40px;
    line-height:1.7em;
    color:rgba(66,139,202,1);
}
.list2:hover{
    display:block;
    background-color:rgba(204,204,204,0.5);
}
.list3{
    background-color:rgba(255,255,255,1);
    width:160px;
    height:34px;
    position:absolute;
    margin-top:409px;
    left:10px;
    border-radius:5px;
    text-align:left;
    color:rgba(0,0,0,1);
    font-family:Calibri, "Calibri Light", Algerian;
    font-size:18px;
    padding-top:7px;
    padding-left:40px;
    line-height:1.7em;
    color:rgba(66,139,202,1);
}
.list3:hover{
    display:block;
    background-color:rgba(204,204,204,0.5);
}
.list4{
    background-color:rgba(255,255,255,1);
    width:160px;
    height:34px;
    position:absolute;
    margin-top:449px;
    left:10px;
    border-radius:5px;
    text-align:left;
    color:rgba(0,0,0,1);
    font-family:Calibri, "Calibri Light", Algerian;
    font-size:18px;
    padding-top:7px;
    padding-left:40px;
    line-height:1.7em;
    color:rgba(66,139,202,1);
}
.list4:hover{
    display:block;
    background-color:rgba(204,204,204,0.5);
}
.list5{
    background-color:rgba(255,255,255,1);
    width:160px;
    height:34px;
    position:absolute;
    margin-top:489px;
    left:10px;
    border-radius:5px;
    text-align:left;
    color:rgba(0,0,0,1);
    font-family:Calibri, "Calibri Light", Algerian;
    font-size:18px;
    padding-top:7px;
    padding-left:40px;
    line-height:1.7em;
    color:rgba(66,139,202,1);
}
.list5:hover{
    display:block;
    background-color:rgba(204,204,204,0.5);
}
.list6{
    background-color:rgba(255,255,255,1);
    width:160px;
    height:34px;
    position:absolute;
    margin-top:529px;
    left:10px;
    border-radius:5px;
    text-align:left;
    color:rgba(0,0,0,1);
    font-family:Calibri, "Calibri Light", Algerian;
    font-size:18px;
    padding-top:7px;
    padding-left:40px;
    line-height:1.7em;
    color:rgba(66,139,202,1);
}
.list6:hover{
    display:block;
    background-color:rgba(204,204,204,0.5);
}
.list7{
    background-color:rgba(255,255,255,1);
    width:160px;
    height:34px;
    position:absolute;
    margin-top:565px;
    left:10px;
    border-radius:5px;
    text-align:left;
    color:rgba(0,0,0,1);
    font-family:Calibri, "Calibri Light", Algerian;
    font-size:18px;
    padding-top:7px;
    padding-left:40px;
    line-height:1.7em;
    color:rgba(66,139,202,1);
}
.list7:hover{
    display:block;
    background-color:rgba(204,204,204,0.5);
}

.content{
    background-color:rgba(204,204,204,0.5);
    position:absolute;
    width:1070px;
    height:auto;
    margin-left:230px;
    margin-top:90px;
    padding-left:20px;
    padding-right:20px;
}
.contentinput{
    background-color:rgba(255,255,255,1);
    position:relative;
    width:240px;
    height:auto;
    margin-top:10px;
    margin-left:-5px;
    padding-left:0px;
    padding-right:0px;
    margin-bottom:20px;
    border-radius:5px;
    padding-top:15px;
    padding-bottom:15px;
    border:none;
}
.contentoutput{
    background-color:rgba(255,255,255,1);
    position:relative;
    width:830px;
    height:auto;
    margin-top:-790px;
    margin-left:-5px;
    padding-left:2px;
    padding-right:2px;
    margin-bottom:20px;
    border-radius:5px;
    padding-top:15px;
    padding-bottom:15px;
    margin-right:-5px;
    border:none;
    float:right;
}
.tampil tr:first-child td{
    text-align:center;
    background-color:#333;
    font-size:15px;
}
.tampil tr:first-child:hover td{
    background-color:#333;
    color:#FFF;
}
.tampil td:nth-child(odd){
    transition:all ease-in-out 0.2s;
    background-color:rgba(181, 181, 181, 0.14);
}
.tampil tr:nth-child(odd){
    background-color:#F0F0F0;
}
.tampil tr:hover td{
    background-color:rgba(19, 117, 208, 0.3);
    color:#333;
}
.font{
font-family:Calibri, "Calibri Light", Algerian;
font-size:18px;
}
#aktif{
background-color:rgba(66,139,202,1);
color:rgba(255,255,255,1);
}
#fix{
position:fixed;
}
.btn-warning{
    color:#fff;
    background-color:#f0ad4e;
    border-color:#eea236;
    transition:all ease-in-out 0.15s;
   
}
.btn-warning:hover{
    display:block;
    background-color:rgba(255,204,102,1);
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
  transition:all ease-in-out 0.15s;
}
.btn-danger:hover {
 
  display:block;
  color: #fff;
  background-color: #c9302c;
}
#sub2{
    width: 40px;
    padding:5px;
    background-color:#00cdb1 ;
    font-family:Calibri, "Calibri Light", Algerian;
    border:thin solid rgba(153,153,153,1);
    color:#eee;
    float:right;
    border-radius:3px;
    margin-right:15px;
    }

.form-control, .daterangepicker .input-mini, .input-group > .ui-select-bootstrap > input.ui-select-search.form-control, .input-group > .ui-select-bootstrap > input.ui-select-search.form-control.direction-up {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0.25rem; }
</style>

Semua script css sudah saya share disini, sobat hanya tinggal mengembangkannya. Jika kurang jelas dengan source codenya silakan berkomentar ya.

Seperti postingan sebelumnya saya sudah menjelaskan beberapa kode yang berkaitan dengan script css. Semua kode css itu sama, hanya tinggal penggunaannya saja.

Letakkan source code berikut ini berada di bawah <body>


<div class="wrapheader" style="position:fixed;z-index:1000;">
<div class="header2" h1 style="color:#f0f0f0;position:fixed; z-index:1000;font-weight:bold;text-decoration:none;line-height:60px;font-family:Calibri;">Hamzah Star Book
</div>
<a class="btn-warning" href="../login/logout.php" style="float:right; margin-right:50px; font-size:18px; text-decoration:none;border-radius:2px;margin-top:15px; padding:4px;">Log out</a><div style="float:right; margin-right:10px; font-size:14px;border-radius:2px;margin-top:17px; padding:4px;position:relative;color:rgba(255,255,255,1);">(admin)</div><img src="../image/adm.png" style="width:25px; height:25px;float:right; margin-right:-10px; font-size:13px;border-radius:2px;margin-top:15px; padding:4px;position:relative;"/><form name="cari" method="post" action="cari-kasir.php">

        <table width="477" border="0" align="right" style="margin-top:10px;">
          <tr>
            <td width="365" align="right"><label for="cari"></label>
            <input type="text" name="cari" id="cari" placeholder="cari ID atau Nama kasir" style="margin-right:-25px;"></td>
            <td width="70"><input type="submit" name="cari2" id="sub2" value="CARI" class="button" style="margin-top:5px;"></td>
          </tr>
        </table>
        </form></div>
<img src="../image/logo.png" class="logo" id="fix"/>
<a href="admin.php"><div class="list1" id="fix">Dashboard</div></a>
<a href="buku.php"><div class="list2" style="position:fixed">Buku</div></a>
<a href="distributor.php"><div class="list3" id="fix">Distributor</div></a>
<a href="kasir.php"><div class="list4" id="aktif" style="position:fixed">Kasir</div></a>
<a href="pasok.php"><div class="list5" id="fix">Pasok</div></a>
<a href="penjualan.php"><div class="list6" id="fix">Penjualan</div></a>
<div class="content">
  <div class="contentinput">
    <h1 style="text-align:center; margin-top:0px;font-family:Cataneo BT;    font-size:24px;line-height:1.2em;color:rgba(255,255,255,1);background-color:rgba(51,153,153,1);" >Input Data Kasir</h1>
    <fieldset style="border:none;">
            <form method="post" action="inkasir.php"  enctype="multipart/form-data">
            <div class="font" style="color:rgba(255,0,0,1)">
            <em>*ID telah otomatis </em></div><br />
            <div class="font">ID Kasir<br />
<?php
$host = "localhost";
$username = "root";
$password = "";
$database = "db2587";
$koneksi = new mysqli ($host, $username, $password, $database);
$carikode = mysqli_query($koneksi, "SELECT id_kasir from kasir") or die (mysqli_error());
$datakode = mysqli_fetch_array($carikode);
$jumlah_data = mysqli_num_rows($carikode);
if ($datakode) {
$nilaikode = substr($jumlah_data[0], 1);
$kode = (int) $nilaikode;
$kode = $jumlah_data + 1;
$kode_otomatis = "K".str_pad($kode, 3, "0", STR_PAD_LEFT);
} else {
$kode_otomatis = "K001";
}?>
                <input type="text" name="id" value="<?=$kode_otomatis?>" readonly="readonly"><p>
            <div class="font">Nama Kasir<br>
                <input type="text" name="nama" ><p>
            <div class="font">Alamat<br />
                  <input type="text" name="alamat" ><p>
            <div class="font">Telepon<br>
                  <input type="text" name="telp" ><p>
            <div class="font">Status<br>
                  <select name="status" class="form-control">
<option value=0></option>
<option value="Belum Menikah">Belum Menikah</option>
<option value="Menikah">Menikah</option></select><p>
            <div class="font">Username<br>
                  <input type="text" name="user" ><p>
            <div class="font">Password<br>
                  <input type="text" name="pass" ><p>
            <div class="font">Akses<br>
                 <select name="akses" class="form-control">
<option value=0></option>
<option value="Kasir">Kasir</option></select><p>              
                  <input type="submit" name="submit" value="simpan" class="font"/>
            </form>
        </fieldset></div><div class="contentoutput">
          <h1 style="text-align:center; margin-top:0px;font-family:Cataneo BT;    font-size:24px;line-height:1.2em;color:rgba(255,255,255,1);background-color:rgba(51,153,153,1);" >Data Kasir</h1>
          <p><input type="submit" name="prinbk" id="prinbk" value="Cetak" style="height:40px;" onclick='popup()'/>
<table width="100%" border="0" cellspacing="0px" style="margin-top:10px; background-color:#FFF;" class="tampil">
  <tr bgcolor="#666" style="color:#FFF;">
    <td style="padding:5px;" width="3%" p align="center">ID Kasir</td>
    <td width="13%">Nama Kasir</td>
    <td width="7%">Alamat</td>
    <td width="10%">Telepon</td>
    <td width="10%">Status</td>
    <td width="10%">Username</td>
    <td width="10%">Password</td>
    <td width="10%">Akses</td>
    <td width="4%">opsi</td>
  </tr>
<?php
$p=new paging;
$batas=2;
$posisi= $p->CariPosisi ($batas);
$no=$posisi+1;
$id=$_POST['id_kasir'];
$id_brg=mysql_real_escape_string($_GET['id_kasir']);

$query=mysql_query("select*from kasir order BY id_kasir asc limit $posisi,$batas ");
while($d=mysql_fetch_array($query)){ ?>
        <tr>
            <td><center><?php echo $d['id_kasir'] ?></td>
            <td><center><?php echo $d['nama']?></td>
            <td><center><?php echo $d['alamat'] ?></td>
            <td><center><?php echo $d['telepon'] ?></td>
            <td><center><?php echo $d['status'] ?></td>
            <td><center><?php echo $d['username'] ?></td>
            <td><center><?php echo $d['password'] ?></td>
            <td><center><?php echo $d['akses'] ?></td>
            <td><center><a href="editkasir.php?id_kasir=<?php echo $d['id_kasir']; ?>" class="btn btn-warning" style="text-decoration:none;padding-right:8px;padding-left:8px;">Edit</a>
                <a onclick="if(confirm('Apakah anda yakin ingin menghapus data ini ??')){ location.href='hapuskasir.php?id_kasir=<?php echo $d['id_kasir']; ?>' }" class="btn btn-danger" style="padding-right:1px;padding-left:1px;">Hapus</a></td>
               </tr>       
       <?php
    }
    ?>
    </table>
    <center>
    <?php
$jmldata=mysql_num_rows(mysql_query("select*from kasir order by id_kasir asc"));
$jmlhalaman=$p->JumlahHalaman($jmldata, $batas);
$linkHalaman=$p->navHalaman($_GET[halaman], $jmlhalaman);
echo "<div class='pagination'>$linkHalaman<div class='pagingkanan'>$jmldata</div></div>";
?>
</div></div>

<?php
// class paging untuk halaman administrator
class Paging{
// Fungsi untuk mencek halaman dan posisi data
function cariPosisi($batas){
if(empty($_GET['halaman'])){
    $posisi=0;
    $_GET['halaman']=1;
}
else{
    $posisi = ($_GET['halaman']-1) * $batas;
}
return $posisi;
}

// Fungsi untuk menghitung total halaman
function jumlahHalaman($jmldata, $batas){
$jmlhalaman = ceil($jmldata/$batas);
return $jmlhalaman;
}

// Fungsi untuk link halaman 1,2,3 (untuk admin)
function navHalaman($halaman_aktif, $jmlhalaman){
$link_halaman = "";

// Link ke halaman pertama (first) dan sebelumnya (prev)
if($halaman_aktif > 1){
    $prev = $halaman_aktif-1;
    $link_halaman .= "<a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=1>&laquo; First</a>
                    <a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=$prev>&lsaquo; Prev</a>";
}
else{
    $link_halaman .= "<a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=1>&laquo; First</a>
                    <a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=1>&lsaquo; Prev </a>";
}

// Link halaman 1,2,3, ...
$angka = ($halaman_aktif > 3 ? " ... " : " ");
for ($i=$halaman_aktif-2; $i<$halaman_aktif; $i++){
  if ($i < 1)
      continue;
      $angka .= "<a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=$i>$i</a>";
  }
      $angka .= " <strong>$halaman_aktif</strong>";
     
    for($i=$halaman_aktif+1; $i<($halaman_aktif+3); $i++){
    if($i > $jmlhalaman)
      break;
      $angka .= "<a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=$i>$i</a>";
    }
      $angka .= ($halaman_aktif+2<$jmlhalaman ? " ... <a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=$jmlhalaman>$jmlhalaman</a> " : " ");

$link_halaman .= "$angka";

// Link ke halaman berikutnya (Next) dan terakhir (Last)
if($halaman_aktif < $jmlhalaman){
    $next = $halaman_aktif+1;
    $link_halaman .= " <a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=$next>Next &rsaquo;</a>
                     <a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=$jmlhalaman>Last &raquo;</a> ";
}
else{
    $link_halaman .= " <a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=$jmlhalaman>Next &rsaquo;</a>
                     <a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=$jmlhalaman>Last &raquo;</a> ";
}
return $link_halaman;
}
}


// class paging untuk halaman administrator (pencarian berita)
class Paging9{
// Fungsi untuk mencek halaman dan posisi data
function cariPosisi($batas){
if(empty($_GET['halaman'])){
    $posisi=0;
    $_GET['halaman']=1;
}
else{
    $posisi = ($_GET['halaman']-1) * $batas;
}
return $posisi;
}

// Fungsi untuk menghitung total halaman
function jumlahHalaman($jmldata, $batas){
$jmlhalaman = ceil($jmldata/$batas);
return $jmlhalaman;
}

// Fungsi untuk link halaman 1,2,3 (untuk admin)
function navHalaman($halaman_aktif, $jmlhalaman){
$link_halaman = "";

// Link ke halaman pertama (first) dan sebelumnya (prev)
if($halaman_aktif > 1){
    $prev = $halaman_aktif-1;
    $link_halaman .= "<a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=1&kata=$_GET[kata]>&laquo; First</a>
                    <a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=$prev&kata=$_GET[kata]>&lsaquo; Prev</a>";
}
else{
    $link_halaman .= "<a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=1&kata=$_GET[kata]>&laquo; First</a>
                    <a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=$prev&kata=$_GET[kata]>&lsaquo; Prev</a>";
}

// Link halaman 1,2,3, ...
$angka = ($halaman_aktif > 3 ? " ... " : " ");
for ($i=$halaman_aktif-2; $i<$halaman_aktif; $i++){
  if ($i < 1)
      continue;
      $angka .= "<a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=$i&kata=$_GET[kata]>$i</a>";
  }
      $angka .= "<strong>$halaman_aktif</strong>";
     
    for($i=$halaman_aktif+1; $i<($halaman_aktif+3); $i++){
    if($i > $jmlhalaman)
      break;
      $angka .= "<a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=$i&kata=$_GET[kata]>$i</a>";
    }
      $angka .= ($halaman_aktif+2<$jmlhalaman ? " ... <a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=$jmlhalaman&kata=$_GET[kata]>$jmlhalaman</a>" : " ");

$link_halaman .= "$angka";

// Link ke halaman berikutnya (Next) dan terakhir (Last)
if($halaman_aktif < $jmlhalaman){
    $next = $halaman_aktif+1;
    $link_halaman .= " <a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=$next&kata=$_GET[kata]>Next &rsaquo;</a>
                     <a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=$jmlhalaman&kata=$_GET[kata]>Last &raquo;</a> ";
}
else{
    $link_halaman .= " <a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=$jmlhalaman&kata=$_GET[kata]>Next &rsaquo;</a>
                     <a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=$jmlhalaman&kata=$_GET[kata]>Last &raquo;</a> ";
}
return $link_halaman;
}
}

?>         
        </div>
</div>

Seperti yang sudah saya jelaskan pada postingan yang lain. Kode css yang sudah dibuat saatnya dipanggil dengan tag <div> yang dimana penggunaan tag <div> berada di bawah kode <body>.

Saya akan pecah setiap source kode yang saya berikan agar nanti sobat bisa mengkreasikan sendiri. Mustahil saya jelaskan di dalam satu artikel ini. Namun, jika sobat ingin sekali mengetahui maksud kode diatas, jangan ragu untuk berkomentar atau mengirimkan form pertanyaan di laman contact us.

Akhir kata, saya ucapkan terimakasih kepada sobat yang sudah mau berkunjung. Jangan lupa subscribe untuk mendapatkan informasi terbaru seputar tutorial web dari saya. Dan jangan lupa like share fanpage saya webkode123 :)


November 12, 2017 - tanpa komentar

0 komentar untuk TUTORIAL WEB - MEMBUAT INPUTAN DATA KASIR PADA APLIKASI WEB TOKO.


Perlihatkan Semua Komentar Tutup Semua Komentar