Cara Memasang Tabel Responsive di Postingan Template LinkMagz

GEMA.MY.ID

Monday, August 17, 2020

Cara Memasang Tabel Responsive di Postingan Template LinkMagz - Sebagai sarana informasi umum, setiap penulis blog biasanya sering menggunakan data-data khusus untuk memperlengkap informasi yang disampaikan. Data-data khusus tersebut bisa seperti gambar, video, statistik, dan tabel.

Khusus untuk kali ini, saya ingin memberikan tutorial cara memasang atau membuat tabel responsive di template LinkMagz buatan Mas Sugeng.

Tabel sendiri berfungsi untuk melampirkan data-data penting yang disusun secara berjejeran. Umumnya, tabel dibuat dengan menggunakan kode atau skrip yang dipasang di bagian HTML postingan. Artinya, pembuatan tabel harus dilakukan secara manual.

Di postingan sebelumnya, saya telah menjelaskan bahwa, ada beberapa kode atau skrip yang tidak berfungsi di template LinkMagz. Jika mencari skrip tabel yang banyak dibagikan di Google, mungkin Anda akan kecewa dengan tidak berfungsinya skrip tersebut.

Nah, untuk mengatasi masalah tersebut, silahkan mengikuti langkah-langkah berikut ini:

Cara Memasang Tabel Responsive di Postingan Template LinkMagz

Masuk ke BLOGGER
Buka postingan yang ingin dilampirkan tabel
Beralih ke TAMPILAN HTML
Tempel skrip berikut ini ke tempat yang ingin dilampirkan tabel:

<table border="2">
  <tbody>
    <tr>
      <th>HEADING 1</th>
      <th>HEADING 2</th>
    </tr>
    <tr>
      <td>Data 1</td>
      <td>Data 2</td>
    </tr>
    <tr>
      <td>Data 3</td>
      <td>Data 4</td>
    </tr>
  </tbody>
</table>

Beralih ke TAMPILAN MENULIS
Selesai.

Catatan

Tambah kolom ke arah bawah:

<table border="2">
  <tbody>
    <tr>
      <th>HEADING 1</th>
      <th>HEADING 2</th>
    </tr>
    <tr>
      <td>Data 1</td>
      <td>Data 2</td>
    </tr>
    <tr>
      <td>Data 3</td>
      <td>Data 4</td>
    </tr>
    <tr>
      <td>Tambahan 1</td>
      <td>Tambahan 2</td>
    </tr>
  </tbody>
</table>

Tambah kolom ke arah samping:

<table border="2">
  <tbody>
    <tr>
      <th>HEADING 1</th>
      <th>HEADING 2</th>
      <th>Tambahan 1</th>
    </tr>
    <tr>
      <td>Data 1</td>
      <td>Data 2</td>
      <td>Tambahan 2</td>
    </tr>
    <tr>
      <td>Data 3</td>
      <td>Data 4</td>
      <td>Tambahan 3</td>
    </tr>
  </tbody>
</table>

Untuk mempertebal garis pinggir tabel, silahkan mengubah angka di kode:

<table border="2">

Demo

Heading 1	Heading 2
Poin 1	Poin 2
Poin 3	Poin 4
Poin 5	Poin 6
Poin 7	Poin 8
Poin 9	Poin 10.

Penutup

Penggunaan tabel di postingan sangatlah penting untuk memperkuat informasi yang dibagikan. Walaupun tabel yang saya berikan masih sangat standar, Anda bisa mempercantik dengan CSS yang Anda ketahui.

Cukup sekian artikel tentang Cara Memasang Tabel Responsive di Postingan Template LinkMagz ini, Terima kasih.

Cancel