Cara membuat tabel pada postingan Blog.
contoh tabel yang akan saya bahas di postingan kali ini adalah seperti yang terlihat dibawah ini:
Langsung saja caranya, berikut: Silahkan Sobat login ke akun blogger, jika sudah login buat Entri Baru/Postingan baru. ada dua mode pada halaman Entri Baru pada Blog sobat yaitu Compose dan HTML, Pilih Mode HTML. Jika sudah selesai lalu Copy kode Dibawah ini dan paste pada mode HTML blog sobat :
Setelah kode yang sobat letakan di mode HTML, maka hasil Kode Diatas akan Menampilkan 1 baris dan 3 kolom tabel seperti yang tampak dibawah ini:
Jika sobat ingin menambah tabel menjadi 2 baris, sobat tinggal duplikat kode diatas mulai dari <tr> sampai </tr> seperti di bawah ini:
Lalu bagaimana jika ingin menambahkan kolomnya supaya lebih dari 3 kolom, sobat cukup tambahkan kode diatas kode <tr> disini kode yang akan saya duplikat adalah. <td align="center">Label</td>
seperti di bawah berikut ini :
Demikian tips blogging, Cara Membuat tabel pada postingan Blog
contoh tabel yang akan saya bahas di postingan kali ini adalah seperti yang terlihat dibawah ini:
| No | Tutorial Blog | Label |
Langsung saja caranya, berikut: Silahkan Sobat login ke akun blogger, jika sudah login buat Entri Baru/Postingan baru. ada dua mode pada halaman Entri Baru pada Blog sobat yaitu Compose dan HTML, Pilih Mode HTML. Jika sudah selesai lalu Copy kode Dibawah ini dan paste pada mode HTML blog sobat :
<table border="1" style="width: 400px;"> <tbody> <tr> <td align="center"> No </td> <td align="center"> Tutorial Blog </td> <td align="center"> Label</td> </tr> </tbody></table>
Setelah kode yang sobat letakan di mode HTML, maka hasil Kode Diatas akan Menampilkan 1 baris dan 3 kolom tabel seperti yang tampak dibawah ini:
| No | Tutorial Blog | Label |
Jika sobat ingin menambah tabel menjadi 2 baris, sobat tinggal duplikat kode diatas mulai dari <tr> sampai </tr> seperti di bawah ini:
<table border="1" style="width: 400px;"> <tbody> <tr> <td align="center"> No </td> <td align="center"> Tutorial Blog </td> <td align="center"> Label</td> </tr> <tr> <td align="center"> No </td> <td align="center"> Tutorial Blog </td> <td align="center"> Label</td> </tr> </tbody></table>
Maka hasilnya akan seperti di bawah ini : | No | Tutorial Blog | Label |
| No | Tutorial Blog | Label |
seperti di bawah berikut ini :
<table border="1" style="width: 400px;"> <tbody> <tr> <td align="center"> No </td> <td align="center"> Tutorial Blog </td> <td align="center"> Label</td> <td align="center">Label</td> </tr> <tr> <td align="center"> No </td> <td align="center"> Tutorial Blog </td> <td align="center"> Label</td> <td align="center">Label</td> </tr> </tbody></table>
Kode warna merah tersebut adalah kode yang di duplikat tadi maka hasilnya akan menjadi seperti dibawah ini:| No | Tutorial Blog | Label | Label |
| No | Tutorial Blog | Label | Label |
Demikian tips blogging, Cara Membuat tabel pada postingan Blog