cara memberi kolom di postingan

Selamat datang kembali di Blog Berbagi Ilmu. Tutorial Blog dari Master Chef kali ini hanya sekedar menyampaikan cara mempercantik blog  sederhana mengenai Cara Membuat Tabel Pada Postingan Blog. Pastinya sobat blogger semua sudah tau apa yang dimaksut dengan tabel jadi Master Chef tidak perlu lagi untuk menjelaskannya. Untuk contoh tabel yang akan kita bahas dalam kesempatan kali ini seperti yang terlihat dibawah ini.

No	Tutorial Blog	Label
1	Cara Membuat Blog 2013	blog
2	cara memberi link sumber otomatis	blog

Nah jika kamu ingin mencobanya, Master Chef akan memberikan resepnya. Langsung saja, Berikut Cara Membuat Tabel Di Dalam Postingan Blog Dengan Mudah.

1. Silahkan Sobat masing-masing login ke akun blogger
2. Jika sudah login buat Entri Baru/Postingan Baru
3. Ada dua mode pada halaman Entri Baru Blog Kamu yaitu Compose dan HTML, Kamu Pilih Mode HTML
4. Jika sudah Copy kode Dibawah ini dan Paster pada Mode HTML Tersebut

<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>

5. Untuk melihat tampilan tabel setelah kode yang kamu letakan di mode HTML, langsung beralih kemode Compose. Kode Diatas Hanya akan Menampilkan 1 baris dan 3 kolom tabel seperti dibawah ini.



No

Tutorial Blog

Label



6. Jika kamu ingin menambah tabel menjadi 2 baris , kamu tinggal duplikat kode diatas mulai dari <tr> sampai </tr> menjadi seperti 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>

7. Maka hasilnya akan menjadi seperti dibawah ini.



No	Tutorial Blog	Label
No	Tutorial Blog	Label



8. Sekarang bagaimana jika ingin menambahkan kolomnya supaya lebih dari 3 kolom. gampang, kamu cukup tambahkan kode diatas kode </tr>. disini kode yang Master Chef duplikat adalah <td align="center">Label</td> seperti 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>

9. Kode warna kuning tersebut adalah kode yang Master Chef duplikat tadi maka hasilnya akan menjadi seperti ini.



No	Tutorial Blog	Label	Label
No	Tutorial Blog	Label	Label



10. Sampai disitu  harap sobat bisa mengerti dan memahaminya.

silahkan tinggalkan komentar:)