Tips ini saya dapat dari sebuah blog seorang blogger dan sudah saya praktekkan dan berhasil.
Trik yang digunakan sangat simpel dan mudah dipraktekkan. mari kita langsung saja praktekkan.
No
|
Tutorial Blog
|
Label
|
1
|
Tutorial Blog
| |
2
|
SEO
|
- Silahkan Anda login ke akun blogger Anda
- Buat Entri Baru/Postingan Baru
- Ada dua mode pada halaman Entri Baru Blog Anda yaitu Compose dan HTML, Anda Pilih mode HTML
- Jika sudah Copy kode di bawah ini dan Paste 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>
<tbody>
<tr>
<td align="center">No</td>
<td align="center">Tutorial Blog</td>
<td align="center">Label</td>
</tr>
</tbody></table>
- Untuk melihat tampilan tabel, Anda klik Compose untuk beralih ke mode Compose.
Kode Diatas Hanya akan Menampilkan 1 baris dan 3 kolom tabel seperti dibawah ini.
No
|
Tutorial Blog
|
Label
|
- 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>
<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 menjadi seperti dibawah ini.
No
|
Tutorial Blog
|
Label
|
No
|
Tutorial Blog
|
Label
|
- Sekarang bagaimana jika ingin menambahkan kolomnya supaya lebih dari 3 kolom. gampang, kamu cukup tambahkan kode diatas kode </tr>. Di sini kode yang 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>
<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 kuning tersebut adalah kode yang sa duplikat tadi maka hasilnya akan menjadi seperti ini.
No
|
Tutorial Blog
|
Label
|
Label
|
No
|
Tutorial Blog
|
Label
|
Label
|
- Sampai disitu saya harap sobat bisa mengerti dan memahaminya.
Demikian Tutorial Blog dari saya soal Cara Membuat Tabel Di Dalam Postingan Blog Dengan Mudah kali ini. Semoga bisa memberikan banyak manfaat. Terimakasih!
Tidak ada komentar:
Posting Komentar