Cara Membuat Tabel Dalam Postingan Blog Tanpa Ribet

Dalam menulis artikel anda tidak akan selamanya hanya berisi tulisan saja, adakalanya anda akan membutuhkan tabel untuk keperluan tertentu.

Setelah saya posting artikel perbedaan link dofollow dan nofollow yang penting untuk seo, saya rasa penting juga untuk membuat tutorial cara membuat tabel pada sebuah postingan.

Dalam pembuatan tabel pada postingan cukup mudah anda hanya perlu menambahkan kode html pada postingan anda.

Anda juga bisa membuat tabel tanpa menggunakan koding melainkan melalui Mc Exel caranya anda bisa klik di sisni.

Di bawah ini nanti akan berikan kode yang bisa anda gunaka, untu lebih jelasnya silahkan anda ikuti langkah berikut.

Silahkan anda login ke akun blog anda dan pilih menu postingan > postingan baru.

Cell baris 1, kolom 1 Cell baris 1, kolom 2
Cell baris 2, kolom 1 Cell baris 2, kolom 2

Untuk membuat tabel seperti di atas anda bisa menggunakan kode di bawah ini.


<table>
    <tbody>
        <tr>
            <td>Cell baris 1, kolom 1</td>
            <td>Cell baris 1, kolom 2</td>
        </tr>
        <tr>
            <td>Cell baris 2, kolom 1</td>
            <td>Cell baris 2, kolom 2</td>
        </tr>
    </tbody>
</table>

Spesifikasi HP1 HP2
RAM 8 GB 6 GB
CPU 1.2 GHz 1.5 GHz
KAMERA 20 MP
LAYAR 4,3 inch 4,5 inch
HARGA Rp. 4000.000,-
Sedangkan untuk membuat tabel seperti di atas anda bisa gunakan kode di bawah ini.


<div class="table-responsive">
<table class="table">
<tbody>
  <tr>
    <th>Spesifikasi</th>
    <th>HP1</th>
    <th>HP2</th>
  </tr>
  <tr>
    <td>RAM</td>
    <td>8 GB</td>
    <td>6 GB</td>
  </tr>
<tr>
    <td>CPU</td>
    <td>1.2 GHz</td>
    <td>1.5 GHz</td>
</tr>
<tr>
    <td>KAMERA</td>
    <td colspan="2">20 MP</td>
</tr>
<tr>
    <td>LAYAR</td>
    <td>4,3 inch</td>
    <td>4,5 inch</td>
</tr>
<tr>
    <td>HARGA</td>
    <td colspan="2">Rp. 4000.000,-</td>
</tr>
</tbody>
</table>
</div>

Baris 1, kolom 1 Baris 1, kolom 2-3
Baris 2, kolom 1 Baris 2, kolom 2 Baris 2, kolom 3
Baris 3, kolom 1 Baris 3, kolom 2 Baris 2, kolom 3

Untuk membuat tabel seperti di atas anda bisa gunakan kode di bawah ini


<table>
    <tbody>
        <tr>
            <th>Baris 1, kolom 1</th>
            <th colspan='2'>Baris 1, kolom 2-3</th>
        </tr>
        <tr>
            <td>Baris 2, kolom 1</td>
            <td>Baris 2, kolom 2</td>
            <td>Baris 2, kolom 3</td>
        </tr>
        <tr>
            <td>Baris 3, kolom 1</td>
            <td>Baris 3, kolom 2</td>
            <td>Baris 2, kolom 3</td>
        </tr>
    </tbody>
</table>
Mungkin itu sedikit kode yang bisa saya bagikan, jika anda masih butuh pilihan lain anda bisa klik disini dengan penjelasan yang lebih lengkap atau di sisni dengan pilihan yang banyak.

Terimaksih telah berkunjung di blog kami semoga bermanfaat dan selamat mencoba.

Next Post Previous Post
No Comment
Add Comment
comment url