Skip to content Skip to sidebar Skip to footer

Cara Membuat Table Barang Dan Customer Di Blog




BAHASTUTORIAL.COM - Tutorial kali ini kita bakal bahas tentang "Cara Membuat Table Barang Dan Customer Di Blog". Table Barang Dan Customer ini sangatlah cocok untuk kalian yang pembahasanya mendata suatu barang atau jumlah customer. Kalian juga bisa memodifikasinya dan merubah judul judulnya dengan isi pembahasan dari isi table kalian . Untuk menerapkan tutorial kali ini kalian tidak usah menuju edit html/ edit widget gadget karna pada tutorial kali ini kalian cukup masukan kode di halaman postingan / page saja.

Langsung saja ke tutorial ya ..

1. Masuk ke Blogger
2. Membuat Postingan / Halaman Page Baru
3. Kode pada table Html simpan di halaman page / postingan pada mode html
4. Lalu Simpan




<html>
<body>
<div class="container">
    <table>
      <thead>
        <tr>
          <th>ID</th>
          <th>Nama Customer</th>
          <th>Berat Barang (kg)</th>
          <th>Tanggal Masuk</th>
          <th>Tanggal Keluar</th>
          <th>Status</th>
          <th colspan="2">Jumlah</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>00001</td>
          <td>Nurhayati</td>
          <td>15</td>
          <td>23-05-2019</td>
          <td>25-05-2019</td>
          <td>Open</td>
          <td>1</td>
          <td>12.000</td>
        </tr>
        <tr>
          <td>00002</td>
          <td>Andi Burjo</td>
          <td>18</td>
          <td>23-05-2019</td>
          <td>25-05-2019</td>
          <td>Open</td>
          <td>2</td>
          <td>20.000</td>
        </tr>
         <tr>
          <td>00001</td>
          <td>Nurhayati</td>
          <td>15</td>
          <td>23-05-2019</td>
          <td>25-05-2019</td>
          <td>Open</td>
           <td>3</td>
          <td>50.0000</td>
        </tr>
        <tr>
          <td>00002</td>
          <td>Andi Burjo</td>
          <td>18</td>
          <td>23-05-2019</td>
          <td>25-05-2019</td>
          <td>Open</td>
          <td>6</td>
          <td>120.000</td>
        </tr>
         <tr>
          <td>00001</td>
          <td>Nurhayati</td>
          <td>15</td>
          <td>23-05-2019</td>
          <td>25-05-2019</td>
          <td>Open</td>
           <td>2</td>
          <td>25.000</td>
        </tr>
        <tr>
          <td>00002</td>
          <td>Andi Burjo</td>
          <td>18</td>
          <td>23-05-2019</td>
          <td>25-05-2019</td>
          <td>Open</td>
          <td>4</td>
          <td>53.000</td>
        </tr>
      </tbody>
  </table>
</div>  
</body>
</html>

<style type='text/css'>
.container {
  width: 960px;
  margin: auto;
  box-sizing: border-box;
}
table {
  width: 100%;
  border-collapse: collapse;
}
td, th {
  border: 1px solid #ccc;
  padding: 8px 12px;
}
th {
  background-color: #4CAF50;
  color: #fff;
}
tr:nth-child(even) {
  background-color: #ddd;
}
</style>



Notes

- Semua tutorial di situs bahastutorial sudah di test dan hasilnya berjalan dengan baik.
- Kalian cukup ganti teks yang sudah tersedia dengan teks yang kalian inputkan.

Bagaimana tutorial diatas apakah sudah jelas atau masih ada yang kurang jelas.
Jika ada yang masih kurang paham kalian bisa tanyakan langsung di kolom komentar.
Admin akan merespon dan memberikan solusi agar kalian bisa menjalankanya dengan benar.

Jangan lupa share artikel ini ke media sosial kalian yah. Semoga Bermanfaat ..




BAHASTUTORIAL.COM
BAHASTUTORIAL.COM Selamat Datang Di Situs Bahastutorial.com Di Situs Ini Anda Akan Mendapatkan Tutorial Yang Sangat Bermanfaat Dan Jangan Lupa Untuk Share Tutorial Ini Ke Media Sosial Kalian.

Post a Comment for "Cara Membuat Table Barang Dan Customer Di Blog"