Cara Memasang Tabel Responsive di Postingan Template LinkMagz

Cara Memasang Tabel Responsive di Postingan Template LinkMagz

Ferisp.com - 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 script yang dipasang di bagian HTML postingan. Artinya, pembuatan tabel harus dilakukan secara manual.

Di postingan sebelumnya, saya telah menjelaskan bahwa, ada beberapa kode atau script yang tidak berfungsi di template LinkMagz. Jika mencari script tabel yang banyak dibagikan di Google, mungkin Anda akan kecewa dengan tidak berfungsinya script 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
  • Salin dan paste script berikut ini ke tempat yang ingin dilampirkan tabel:
<table border="2"><tbody>
<tr><th>HEADING 1</th><th>HEADING 2</th></tr>
<tr><td>Poin 1</td><td>Poin 2</td></tr>
<tr><td>Poin 3</td><td>Poin 4</td></tr>
<tr><td>Poin 5</td><td>Poin 6</td></tr>
<tr><td>Poin 7</td><td>Poin 8</td></tr>
<tr><td>Poin 9</td><td>Poin 10</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>Poin 1</td><td>Poin 2</td></tr>
<tr><td>Poin 3</td><td>Poin 4</td></tr>
<tr><td>Poin 5</td><td>Poin 6</td></tr>
<tr><td>Poin 7</td><td>Poin 8</td></tr>
<tr><td>Poin 9</td><td>Poin 10</td></tr>
<tr><td>Kolom tambahan 1</td><td>Kolom tambahan 2</td></tr>
</tbody></table>
  • Tambah kolom ke arah samping:
<tr><td>1 Kolom</td></tr>
<tr><td>2 Kolom</td><td>2 Kolom</td></tr>
<tr><td>3 Kolom</td><td>3 Kolom</td><td>3 Kolom</td></tr>
  • Untuk mempertebal garis pinggir tabel, silahkan mengubah angka di kode:
<table border="2"><tbody>

Hasil

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.

Daftar Bacaan LinkMagz