Cara Mudah Membuat Tabel di Blogger dengan CSS (Pemula)

Belajar membuat tabel di blog dengan CSS sebenarnya bukan hal yang sulit, meskipun bagi pemula sering terasa membingungkan. Di luar sana memang banyak blogger dan web developer yang sudah sangat mahir, tetapi di artikel ini saya ingin berbagi pengalaman belajar langsung dari praktik yang saya lakukan sendiri.

Tabel di blog memiliki fungsi penting, di antaranya untuk merapikan tulisan, menyusun daftar, hingga menampilkan data seperti spesifikasi, perbandingan, atau daftar harga. Dengan tabel, informasi akan terlihat lebih terstruktur dan mudah dipahami oleh pembaca.

Berikut langkah-langkah sederhana yang saya praktikkan dan bisa kamu coba juga di blog milikmu.

Langkah 1: Menambahkan CSS Tabel di Blogger

Masuk ke Blogger → Tema → Edit HTML, lalu tambahkan kode CSS berikut tepat di atas kode ]]></b:skin>.

/* CSS Tabel di Blog */
table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 1px;
  color: #333;
}

th, td {
  padding: 10px;
  text-align: center;
}

th {
  background: #B1B6AF;
  font-weight: bold;
  border-radius: 4px;
}

td {
  background: #FAFAFA;
}

tr:nth-child(even) td {
  background: #F1F1F1;
}

tr:hover td {
  background: #666;
  color: #fff;
  transition: 0.3s;
}

Setelah itu, jangan lupa klik Simpan Tema.

---

Langkah 2: Membuat Tabel di Artikel

Buat artikel atau halaman baru, lalu ubah editor ke mode HTML. Salin salah satu contoh tabel berikut dan sesuaikan isinya.

Baca Juga: Panduan Lengkap Kode Warna CSS untuk Blog + Contoh Tampilan→

Contoh Tabel Sederhana

<table>
  <tbody>
    <tr>
      <th>Judul 1</th>
      <th>Judul 2</th>
      <th>Judul 3</th>
    </tr>
    <tr>
      <td>Data A</td>
      <td>Data B</td>
      <td>Data C</td>
    </tr>
  </tbody>
</table>

Contoh Hasil Tabel Informasi Blog

Nama	Topik	Status
OTOABM	Otomotif	Aktif
CuplisOTW	Harian	Arsip
Belajar Otodidak	Edukasi	Aktif

---

Penutup

Itulah cara sederhana membuat tabel di blog menggunakan CSS yang saya pelajari dan praktikkan sendiri. Masih banyak variasi dan modifikasi yang bisa dikembangkan, tetapi menurut saya memulai dari yang sederhana jauh lebih penting daripada menunggu sempurna.

Belajar apa pun memang butuh proses. Selama kita mau mencoba, konsisten, dan sungguh-sungguh, insyaallah sedikit demi sedikit pasti bisa. Jangan takut salah, karena dari kesalahan itulah kita benar-benar belajar.

Semoga bermanfaat dan selamat mencoba.

Artikel oleh ABM — Panduan teknis