Generator Tabel Responsif untuk Blogger: Rapi di Laptop dan HP

Tabel yang terlihat rapi di laptop sering melebar dan merusak tampilan di HP. Tool Generator Tabel Responsif membuat kode tabel yang menyesuaikan lebar layar, jadi kamu tidak perlu menulis HTML dan CSS-nya sendiri.

Langsung coba: buka tool Generator Tabel Responsif. Gratis, tanpa daftar, dan diproses di browser kamu.

Fitur utama

• Atur jumlah kolom (sampai 8) dan jumlah baris data (sampai 30).
• Isi sel langsung di grid, atau tempel data dari Excel dan Google Sheets.
• Tiga gaya tabel: belang, bergaris, dan flat.
• Pilihan warna judul kolom.
• Dua cara menampilkan tabel di HP: digeser ke samping, atau ditumpuk per baris.

Cara memakai tool ini

1. Buka halaman tool, lalu tentukan jumlah kolom dan baris. Baris pertama di grid adalah judul kolom.
2. Isi datanya. Kalau data sudah ada di spreadsheet, salin selnya, buka bagian Tempel data, tempel, lalu klik Isi tabel dari data ini.
3. Pilih gaya, warna, dan mode tampilan di HP.
4. Lihat pratinjau, klik Salin kode HTML.
5. Di editor Blogger, pindah ke Tampilan HTML dan tempel di posisi tabel yang kamu inginkan.

Geser ke samping atau ditumpuk?

• Geser ke samping cocok untuk tabel perbandingan dengan banyak kolom. Pembaca tetap melihat struktur tabel asli.
• Ditumpuk per baris cocok untuk tabel dengan sedikit kolom. Di layar sempit, setiap baris berubah menjadi kartu dan setiap sel diberi label kolomnya, sehingga tidak perlu digeser.

Mode ditumpuk aktif saat lebar layar di bawah 600 piksel. Kecilkan jendela browser untuk melihatnya.

Jika tampilannya tidak sesuai

• Pastikan kode ditempel di Tampilan HTML, bukan Tampilan Tulis.
• Kalau gaya tabel tidak muncul, pindahkan bagian CSS (yang berada di antara pembuka dan penutup style) ke Tema, Sesuaikan, Lanjutan, Tambahkan CSS. Bagian tabelnya tetap ditempel di postingan.
• Kalau dipakai untuk banyak tabel, ganti nama kelas tabel-resp di kode agar gaya tiap tabel tidak saling menimpa.

Tips membuat tabel yang enak dibaca

• Buat judul kolom singkat dan jelas.
• Hindari isi sel yang terlalu panjang. Kalau perlu, pindahkan penjelasan ke paragraf di bawah tabel.
• Gunakan urutan yang konsisten, misalnya dari harga terendah atau berdasarkan abjad.

Pertanyaan umum

Apakah data tabel disimpan? Tidak. Semua diproses di browser dan tidak dikirim ke server.

Apakah bisa mengubah tabel yang sudah ada di blog? Belum. Tool ini membuat tabel baru. Salin isi sel lama ke grid, lalu buat ulang.

Sudah siap mencoba? Buka tool Generator Tabel Responsif dan lihat sendiri hasilnya.