Cara Memasang Tabel Responsive Di Postingan Blog

Cara Memasang Tabel Responsive di Postingan Blog - Sebagai sarana isu biasa , setiap penulis blog biasanya sering menggunakan data-data khusus untuk memperlengkap info yang disampaikan. Data-data khusus tersebut mampu mirip gambar, video, statistik, dan tabel.

Khusus untuk kali ini, saya ingin menawarkan bimbingan cara memasang atau menciptakan tabel responsive di template LinkMagz bikinan Mas Sugeng, namun tabel ini bisa juga kalian terapkan ke template blog lainnya.

Tabel sendiri berfungsi untuk melampirkan data-data penting yang disusun secara berjejeran. Umumnya, tabel dibuat dengan memakai arahan atau skrip yang dipasang di bagian HTML artikel. Artinya, pembuatan tabel mesti dilakukan secara manual.

Di postingan sebelumnya, aku telah menjelaskan bahwa, ada beberapa isyarat 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 persoalan tersebut, silahkan mengikuti tindakan 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 kawasan yang ingin di sisipi 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 instruksi:

<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 artikel sangatlah penting untuk memperkuat gosip yang dibagikan. Walaupun tabel yang aku berikan masih sungguh patokan, Anda bisa menghiasdengan CSS yang Anda ketahui.

Baca Juga:

• Daftar Bacaan LinkMagz
• Cara Memasang Syntax Highlighter Keren dan Berwarna di Blog
• Cara Memasang Widget Telepon Langsung di Blog

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

Baca Juga