Cara Membuat Tabel Responsive Di Postingan Blog dengan Tabel Generator – Hallo sobat blogger, menjadi seorang blogger, ketika membuat suatu artikel, apakah anda pernah membutuhkan suatu tabel dalam artikel tersebut? Jika saat ini anda belum pernah membuat tabel, pasti suatu saat akan tiba waktu nya anda memerlukan sebuah tabel di postingan anda.
Kita semua tahu, bahwa editor yang disediakan oleh blogger tidak memiliki fitur untuk membuat tabel. Jadi, kita harus membuat tabel sendiri menggunakan kode HTML. Akan tetapi pasti tidak semua orang menguasai HTML. Jadi pada kesempatan kali ini, saya akan memberikan tutorial cara untuk membuat tabel responsive di postingan blog dengan mudah menggunakan tabel generator.
Cara membuat tabel responsive di Blog menggunakan tabel generator
Untuk saat ini, untuk membuat tabel di blog, kita harus membuatnya sendiri menggunakan HTML. Tentu itu hal yang sangat sulit oleh orang yang awam. Lalu bagaimana jika kita memerlukan sebuah tabel di postingan blog kita?
Jangan khawatir, karena kita bisa membuat tabel yang responsive dengan sangat mudah. Bahkan orang yang tidak bisa HTML pun bisa membuatnya. Caranya yaitu menggunakan tabel generator. Berikut adalah tata caranya :
1. Pertama kalian buat terlebih dahulu tabel anda menggunakan Microsoft Excel
Buat tabel menggunakan excell |
2. Setelah itu copy tabel yang anda buat tadi, dengan cara blok semua tabel kemudian tekan ctrl + C
3. Setelah itu, Buka situs https://www.tablesgenerator.com/
4. Setelah situs Table Generator sudah terbuka, silahkan anda masuk bagian tab HTML
Ke menu HTML |
5. Kemudian klik menu file, lalu pilih yang Paste Table Data
Paste tabel data |
6. Setelah itu akan ada halaman untuk menempel tabel yang sudah di copy
7. Silahkan paste tabel yang sudah dicopy sebelumnya dengan cara menekan ctrl + v. Kemudian centang bagian “Paste with formating”, agar format tabelnya sama persis dengan yang sudah dibuat di excel. Setelah itu klik load.
Paste dan load tabel anda |
8. Setelah anda klik Load, tabel anda sudah berhasil di impor ke Table Generator. Anda juga bisa memberikan settingan tambahan, Seperti membuat tabel responsif, baris pertama sebagai header, tabel bisa di sortir, dan header tetap bisa dilihat ketika tabel di scroll. Silahkan sesuaikan dengan kebutuhan.
Settingan tambahan |
9. Seteleh itu, klik generate kode
Klik generate |
10. Setelah itu, semuanya sudah jadi, silahkan klik “Copy to clipboard” untuk meng-copy kode HTML dari tabel anda.
Copy to clipboard |
11. Selamat anda sudah berhasil mendapatkan kode HTML dari tabel yang anda buat.
Cara meenggunakan kode Tabel di Blogger
Setelah anda mendapatkan kode HTML sekarang anda tinggal mempostingnya di blog anda, caranya adalah sebagai berikut :
1. Silahkan buka dashboard blog anda
2. Kemudian klik “Buat Postingan Baru”
3. Setelah anda masuk di editor blogger, maka anda harus mengubah menjadi mode HTML terlebih dahulu. Cara nya anda klik icon pensil di pojok kiri atas, kemudian klik yang tampilkan HTML
Klik icon pensil |
Tampilkan HTML |
4. Setelah masuk ke mode HTML, silahkan paste kode HTML dari tabel anda yang sudah anda copy sebelumnya
Paste kode HTML |
5. Setelah itu, silahkan keluar dari mode HTML menjadi Tampilkan Menulis dengan cara yang sama seperti sebelumnya.
6. Selamat, tabel anda sudah berhasil dibuat.
Preview tabel di editor blogger |
7. Tampilan tabel di editor memang tidak terlalu bagus. Untuk melihat tampilan tabel yang sebenarnya silahkan klik pratinjau.
Klik pratinjau |
8. Hasil Pratinjau
Hasil pratinjau |
9. Selamat. Anda sudah berhasil membuat tabel di postingan blog.
Yak, kira-kira seperti itulah cara untuk membuat tabel responsive di blogger dengan tabel generator. Membuat tabel dengan tabel generator cukup mudah karena anda tidak perlu membuat membuatnya secara menual menggunakan kode HTML. Anda hanya cukup membuat tabel di Excel dan tools tabel generator akan membuatkan kodenya untuk anda.
Jika anda tertarik dengan artikel tentang blog lainnya, jangan lupa untuk membaca artikel saya yang berjudul Cara Melakukan Audit atau Pengujian Pada Blog/Website Menggunakan Lighthouse. Semoga artikel saya kali ini bermanfaat bagi anda. Terimakasih telah berkunjung di www.bloggerkoplo.com. Salam koplo.
Mantap… Makasih gan buat cara ini, agak bertahap tapi work!
Mantap gan, lebih mudah juga karena tabel dibuat di excel. Kita bisa berkreasi sebebas mungkin
Thax q sangat berguna bos
Sama sama bos, senang bisa membantu