Membuat Table Responsive dan Berwarna dengan Tablesgenerator

 

Tanpa menunggu lama, yuk mari kita langsung praktekan cara pembuatanya. Berikut adalah cara membuat tabel responsive di blog menggunakan Tables Generator.

1. Kunjungi halaman berikut https://www.tablesgenerator.com/.
2. Untuk buat tabel di postingan blog silahkan pilih menu HTML.
   
   
   
3. Membuat tabel baru dengan cara klik menu File → New table.
   
   
   
4. Akan muncul jendela pop up untuk menentukan jumlah baris (row) dan kolom (columns), silahkan isi angka sesuai dengan yang kamu butuhkan. Jika sudah klik tombol Create.
   
   
   
5. Padatahap ini tabel sudah berhasil dibuat.
   
   
   
6. Selanjutnya isi semua kolom kosong dengan data yang ingin kamu masukan di postingan blog. Klik pada bagian kolom lalu ketik data nya. 
   

Baca Juga

• Membuat Table Responsive dan Berwarna dengan Tablesgenerator
• Membuat Hotspot di Mikrotik untuk pemula
• Membuat Router Mikrotik Untuk Pemula

Sebelum dirilis silahkan klik tombol Preview terlebih dahulu untuk melihat tabel yang kamu buat. 

Jika mengingkina tampilan table nya responsive disemua perangkat. Klik tombol Make table responsive lalu centang pada bagian Make table responsive. 

Jika ingin membuat tabel berwarna di blog silahkan klik tombol Theme lalu pilih tema tabel mana yang cocok dengan tampilan blog kamu.

Pengaturan table terakhir yaitu mengatur jarak spasi antara table dan tulisan yang ada didalam kolom. Klik menu Table → Cell spacing, silahkan atur jaraknya dengan cara menggeser tombol slider ke kiri dan ke kanan. 

Terakhir tabel klik tombol Generate lalu klik tombol Copy to clipboard untuk menyalin semua script tabel yang sudah kamu buat.

Sekarang pergi ke Blogger dan buka postingan yang ingin diisi dengan tabel.

Pindah mode tulisan ke mode HTML terlebih dahulu lalu paste semua script tabel yang tadi kamu salin dari tablesgenerator.com.

Jika tidak ada error bisa pindah ke mode menulis, nanti tabel akan terlihat sesuai dengan yang dibuat di tablesgenerator.com 

Selesai.