TUTORIAL WEB MEMBUAT TAMPILAN INPUTAN DATA DISTRIBUTOR APLIKASI TOKO

Tutorial web kali ini akan membahas mengenai pembuatan halaman input data distributor dengan menggunakan coding web seperti html css dan php. Tutorial web kali ini adalah tahapan ke 5 dalam membuat aplikasi toko.


Perlu sobat ketahui, pada tutorial web kali ini saya hanya akan memberikan coding untuk tampilannya saja yaitu dengan menggunakan kode html dan css. Nah, bagaimana cara agar bisa membuat halaman input data distributor silakan simak berikut ini.

Tetapi jika saya beda - beda kan kode nya mungkin sobat akan bingung, bagaimana jika dengan kode inputan ke database sekalian ? Oke deh buat sobat saya buatkan sekalian kode PHP nya. Baik, mari kita mulai.

Membuat Tampilan Inputan Data Distributor - Tutorial Web Toko




1. Aktifkan XAMPP dan buka aplikasi dreamweaver sobat

2. Jika dreamweaver sobat sudah terbuka silakan untuk memilih blank page dengan memilih file ektensi .php

3. Simpan dulu dengan nama distributor.php di C:XAMPP/htdocs/2587/admin (2587 itu nama web saya ya, jangan bingung :D) 

4. Oke seperti biasa pada tutorial web saya, silakan ketik coding web berikut ini. Silakan untuk diketik jangan di copas, agar nanti terbiasa mengotak atik sebuah koding.

Tulis kode berikut berada paling atas, di atas kode <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0........ >

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

Kode diatas berfungsi untuk memanggil sebuah fungsi dari file .php lain. Sebenarnya cara memanggil seperti diatas hanya agar sobat lebih cepat dalam mengerjakan web. Tidak perlu sobat menuliskan kode php koneksi ke database secara berulang, karena dengan include sobat bisa memanggil fungsi apa saja.

../config.php maksudnya adalah file dengan nama config.php berada diluar folder admin. Benar sekali sobat ada banyak teman saya yang mengalami error gara - gara titik dua disamping kiri /config. Jadi fungsi titik dua adalah memanggil file yang berada diluar folder.

Saya memang meletakkan file config.php berada diluar folder admin ya sobat agar semua folder seperti folder admin, folder kasir bisa memanggil satu file yang sama.

Berhubung saya belum membuat tutorial mengenai file config.php sekalian saja sobat membuat file dengan nama config.php dan letakkan di C:XAMPP/htdocs/2587/
silakan ketik kode berikut dan hapus kode <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 dan seterusnya, pokonya hanya ada kode berikut di file config.php

<?php
mysql_connect("localhost","root","");
mysql_select_db("db2587");
?>

Penjelasan nya adalah kode PHP tersebut digunakan untuk menghubungkan ke server lokal dan memilih databse dengan nama db2587 (tutorial tentang database sudah saya posting sebelumnya disini)

Buat juga file akses.php ya sobat berikut adalah kode nya. Letakkan di C:XAMPP/htdocs/2587/login/
Fungsi dari akses.php adalah untuk mengecek apakah session masih terisi username dan password atau tidak, jika tidak maka halaman akan dikembalikan ke index. Di dalam file akses.php hanya ada kode berikut tidak ada kode selain ini ya sobat.


<?php
session_start();

if(!isset($_SESSION['admin_login'])){ //jika sesi nya tidak berisi admin, maka akan kembali ke halaman login
    header('location:../index-admin.php?error=5');
}
?>

Masih bingung ? oke gini deh, file akses.php itu berfungsi melindungi web ketika user sudah log out. Jadi, ketika user sudah log out kemudian menekan tombol back di pojok kiri atas pada browser maka halaman akan mengalihkan ke index dan menampilkan error 5 karena username dan password sudah terhapus dari cookie browser. (lihat error 5 di kode web tutorial ini)

Nah setelah membuat file config.php dan akses.php silakan lanjut ke file distributor.php
Tulis coding berikut dibawah </title> sudah tau kan kalau ini adalah kode css.

<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:-497px;
    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;
}
#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;
    }

.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;
}
</style>

Jika saya jelaskan satu persatu maksud kode css diatas, maka akan terlalu panjang tutorial ini. Silakan sobat mencari tahu kode css diatas dengan mengotak atiknya, setelah diotak atik lihat hasil dibrowser apa yang berubah barulah sobat akan mengerti maksud kode css diatas. Untuk melihat hasilnya perlu dipanggil kode css diatas, berikut adalah script untuk memanggil kode css. Letakkan kode berikut dibawah <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-distributor.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 distributor" 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="aktif" style="position:fixed">Distributor</div></a>
<a href="kasir.php"><div class="list4" id="fix">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 Distributor</h1>
    <fieldset style="border:none;">
            <form method="post" action="indistributor.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 Distributor<br />
<?php
$host = "localhost";
$username = "root";
$password = "";
$database = "db2587";
$koneksi = new mysqli ($host, $username, $password, $database);
$carikode = mysqli_query($koneksi, "SELECT id_distributor from distributor") 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 = "D".str_pad($kode, 3, "0", STR_PAD_LEFT);
} else {
$kode_otomatis = "D001";
}?>
                <input type="text" name="id" value="<?=$kode_otomatis?>" readonly="readonly"><p>
            <div class="font">Nama Distributor<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>
                <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 Distributor</h1>
          <p>
          <input type="submit" name="prinbk" id="prinbk" value="Cetak" style="height:40px;" onclick='popup()'/><br>
<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 Distributor</td>
    <td width="13%">Nama Distributor</td>
    <td width="7%">Alamat</td>
    <td width="10%">Telepon</td>
    <td width="3%">opsi</td>
  </tr>
<?php
$p=new paging;
$batas=3;
$posisi= $p->CariPosisi ($batas);
$no=$posisi+1;
$id=$_POST['id_distributor'];
$id_brg=mysql_real_escape_string($_GET['id_distributor']);

$query=mysql_query("select*from distributor order BY id_distributor asc limit $posisi,$batas ");
while($row=mysql_fetch_array($query)){ ?>
        <tr>
            <td><center><?php echo $row['id_distributor'] ?></td>
            <td><center><?php echo $row['nama_distributor']?></td>
            <td><center><?php echo $row['alamat'] ?></td>
            <td><center><?php echo $row['telepon'] ?></td>
            <td><center><a href="editdistrib.php?id_distributor=<?php echo $row['id_distributor']; ?>" 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='hapusdistrib.php?id_distributor=<?php echo $row['id_distributor']; ?>' }" 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 distributor order by id_distributor 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>

Dalam hal memanggil kode css dengan tag <div> sudah saya jelaskan, silakan simak tutorial yang lainnya jika sobat masih bingung dengan tag <div>. Untuk fungsi PHP diatas akan saya bahas lebih terperinci di tutorial yang lain. Karena jika disini sudah terlalu panjang hehe.

Sudah ada beberapa komentar didalam kode diatas (//komentar). Jadi silakan sobat kreasikan kode diatas ya sobat atau biarkan sobat memahami alur kode diatas. Saya akan bimbing sobat dikolom komentar atau silakan tanyakan di Fanpage saya disamping kanan :) Setiaji Net.

Oke sekian tutorial web yang bisa saya berikan semoga bermanfaat dan tutorial selanjutnya akan saya share, jangan sampai ketinggalan dan bagikan jika bermanfaat :)

Oktober 30, 2017 - tanpa komentar

0 komentar untuk TUTORIAL WEB MEMBUAT TAMPILAN INPUTAN DATA DISTRIBUTOR APLIKASI TOKO.


Perlihatkan Semua Komentar Tutup Semua Komentar