Langkah Mudah Membuat Tabel Responsive Di Blogger 100% Work
January 04, 2019
Add Comment
Membuat sebuah tabel pada sebuah postingan blog menurut saya gampang-gampang susah, kenapa demikian?..karena jika anda belum menguasai tetang kode css tentu akan membuat
tampilan artikel yang anda buat degan tabel akan menjadi berantakan, tentu saja hal tersebut akan menjadikan blog/web anda tidak termasuk dalam kategori profrsional. Anda gak mau kan jika
blog anda masuk dalam kategori tersebut?..
Oleh karena hal tersebut disini saya akan memberikan sebuah tutorial pembuatan tabel dalam postingan blog yang responsive, kenapa mesti Responsive sih?..Karena Tabel yang responsive
adalah sebuah tampilan tabel yang bisa dibaca secara utuh di semua perangkat baik hp ataupun browser. Baiklah untuk langkah-langkahnya silahkan anda simak penjelasannya di bawah ini
tampilan artikel yang anda buat degan tabel akan menjadi berantakan, tentu saja hal tersebut akan menjadikan blog/web anda tidak termasuk dalam kategori profrsional. Anda gak mau kan jika
blog anda masuk dalam kategori tersebut?..
Oleh karena hal tersebut disini saya akan memberikan sebuah tutorial pembuatan tabel dalam postingan blog yang responsive, kenapa mesti Responsive sih?..Karena Tabel yang responsive
adalah sebuah tampilan tabel yang bisa dibaca secara utuh di semua perangkat baik hp ataupun browser. Baiklah untuk langkah-langkahnya silahkan anda simak penjelasannya di bawah ini
Langkah Mudah Membuat Tabel Responsive
- Langkah pertama silahkan anda buat tabel dengan menggunakan Ms Excel
- Setelah selesai silahkan anda copy tabel tersebut
- Langkah ketiga silahkan anda mencari bantuan sebuah tool generator untuk merubah tabel anda menjadi sebuah kode css
- Silahkan anda klik dan masuk ke http://www.tablesgenerator.com
- Setelah masuk silahkan anda klik File >Paste table data > silahkan pastekan tabel yang sudah anda copy tadi kemudian Klik Load untuk lebih jelasnya silahkan anda lihat gambar berikut
- Setelah loading sudah selesai, anda bisa mengedit tampilan tabel tersebut agar menjadi lebih menarik
- Setelah selesai silahkan anda pilih Generat
- Silahkan anda klik copy to clipboard
Sampai disini anda sudah selesai dalam pembuatan tabel tersebut. Sekarang jika sudah selesai anda copy kode tersebut silahakan anda pastekan didalam postingan yang akan anda berikan tabel ,
Penting :" Untuk menjadikan tabel anda responsive silahkan anda cari kodeuntuk mempermudah penarian silahkan anda tekan Ctrl + F dan cari kode tersebut kemudian anda ganti kode tadi dengan kode berikut
<table class="tg">
<table class="tg" style="table-layout: fixed; width: 100%;"><tbody>
Terakhir silahkan anda simpan dan lihat hasilnya.
0 Response to "Langkah Mudah Membuat Tabel Responsive Di Blogger 100% Work"
Post a Comment