Untuk membuat tabel di Blogger, kamu tidak bisa langsung membuatnya di platform karena tidak tersedia fitur tabel. Solusinya adalah membuat tabel terlebih dahulu menggunakan aplikasi atau situs pembuat tabel seperti Excel, Word, atau table generator online, lalu menyalinnya ke postingan Blogger.
Salah satu situs yang bisa digunakan adalah Tables Generator, yang memungkinkan kamu membuat tabel secara online dengan tampilan responsive dan menarik. Di sana, kamu bisa mengatur desain tabel seperti warna, teks, jumlah baris/kolom, serta fitur tambahan seperti merge dan split cell.
Artikel ini kemudian membahas langkah-langkah membuat tabel responsive di Blogger menggunakan Tables Generator.
- Buka browser lalu masuk ke situs website Tables Generator
- Jika sudah berada dalam halaman situs Tables Generator, klik menu HTML → File → New Table...
- Kemudian masukkan jumlah baris (rows) dan kolom (columns) yang akan kamu buat. Misalnya disini saya ingin membuat 6 baris (kebawah) dan 4 kolom (kesamping) lalu klik Create
- Maka tabelpun akan muncul di halaman web. Nah disini kamu bisa langsung memasukkan data kedalam tabel
- Kamu juga bisa menyesuaikan tampilan tabel sesuai kebutuhan agar terlihat menarik.
- Menggabungkan tabel: Cell → Merge Cells
- Menambahkan kolom tabel: Column → Insert to the left / Insert to the right
- Menambahkan baris tabel: Row → Insert Above / Insert Below
- Selain pengaturan diatas, kamu juga bisa mengatur warna tabel, warna background tabel, warna teks / tulisan, perataan teks (rata kiri, kanan, tengah), Bold, Italic, Underline, menyisipkan gambar kedalam tabel, dan lain-lain menggunakan tools yang sudah tersedia.
- Jika tabel sudah diatur, langkah selanjutnya klik Generate → Copy to Clipboard
- Selanjutnya masuk ke Dashboard Blogger lalu Buat Postingan Baru. Jika sudah berada dalam halaman pengetikan artikel, ubah Tampilan Menulis menjadi Tampilan HTML
- Kemudian tekan Enter satu lalu buat tag <p> (Paragraf)
- Selanjutnya tempelkan (paste) script html tabel yang sudah disalin tadi tepat dibelakang tag <p>
- Pada akhir script html tabel, buat lagi tag <p> dan diikuti teks. Contoh: <p>Jadi begitulah cara membuat tabel. Hal tersebut dimaksudkan agar pada Tampilan Menulis nanti terbentuk paragraf baru tempat kamu menyambung tulisan artikel yang sedang dikerjakan.
- Selanjutnya masuk kembali ke Tampilan Menulis di postingan blogger dan hasilnya akan tampil seperti gambar dibawah.
- Mungkin di postingan blogger kamu belum melihat tabel terbentuk tetapi jika kita klik Preview atau sudah mempublikasikan artikel yang dibuat, tabelnya akan muncul di halaman blog kita.
- Atau lebih jelasnya, tampilan tabel yang sudah dibuat akan berbentuk seperti dibawah ini
- Selesai
Memang sih agak sulit membuat tabel di postingan blogger, tapi kalau kamu sudah terbiasa dan sering dilakukan maka akan terasa lebih mudah.
Demikianlah pembahasan saya mengenai Cara Membuat Tabel di Blog (Blogger / Blogspot), semoga artikel ini dapat membantu dan bermanfaat. Selamat mencoba, terima kasih.
Iklan
sponsor