Tutorial Membuat Tabel Pada Postingan Blog

IQROZEN | Cara membuat tabel bagi sebagian sobat blogger tentu sangat asing dan rumit, namun bagi sebagian yang lain sering membutuhkannya dan cukup mudah untuk membuatnya. Perintah tabel tidak hanya ada pada microsoft word / excel dan lainnya, ternyata di dunia blogging pun dapat digunakan. Fungsinya agar membuat postingan berupa data / angka tersusun rapi, atau juga dapat menampilkan tampilan link demo dan download berdampingan dalam kolom tabel.

Berikut saya coba menjelaskan secara sederhana cara membuat tabel pada postingan blog yang barangkali suatu nanti diperlukan. Tanpa menafikan triks dan tips master blogger lainnya yang lebih detail, setidaknya postingan saya berdasarkan pengalaman pribadi yang telah teruji dengan bahasa yang semudah mungkin untuk dinalar. Baca juga artikel sebelumnya tentang Logika Menjelaskan Kebenaran.

Untuk membuat kolom-kolom tabel, kita harus menguasai mode entri sebelum memposting, yakni ada mode compose dan HTML yang letaknya berdampingan di bawah judul blog (Lihat gambar berikut).
Cara Membuat Tabel Dalam Postingan Blog

Setelah itu, setiap anda ingin memasukan kode perintah membuat tabel harus pada mode HTML. Berikut kode dasar perintah membuat tabel tersebut:
<table border="1">
<tr>
<td>Ketikan datanya di sini</td> <td> Ketikan datanya di sini</td>
</tr>
</table>
Keterangannya:
<table = perintah untuk membuat tabel
border> = perintah untuk mengatur tebal garis pinggir
<tr> = perintah untuk membuat baris tabel
<td> = perintah untuk memisahkan kolom

Langkah Membuat Tabel Sederhana.
Masukan kode dasar perintah membuat tabel pada mode HTML
Contohnya:
<table border="1">
<tr>
<td>Ketikan datanya di sini</td> <td> Ketikan datanya di sini</td></tr>
<tr>
<td>Ketikan datanya di sini</td> <td> Ketikan datanya di sini</td>
</tr>
</table>

Hasilnya:
Ketikan datanya di sini Ketikan datanya di sini
Ketikan datanya di sini Ketikan datanya di sini

Note : Pada mode compose anda dapat mengotak-atik tulisan ketikan datanya di sini sesuai dengan selera.

Selanjutnya untuk membuat tabel yang sedikit lebih rumit anda dapat menambahkan kode tertentu. Misalnya agar kolom di baris atas tidak sebanyak jumlah kolom di baris bawah, atau dengan kata lain apabila kita ingin menggabungkan beberapa kolom menjadi satu dan panjang, maka perlu kode tambahan. Berikut contohnya:
<table border="1">
<tr><td align="center" colspan="3">Ketikan datanya di sini</td>
</tr>
<tr>
<td>Ketikan datanya di sini</td> <td> Ketikan datanya di sini</td> <td> Ketikan datanya di sini</td>
</tr> 
<tr>
<td>Ketikan datanya di sini</td> <td> Ketikan datanya di sini</td> <td> Ketikan datanya di sini</td>
</tr>
</table>

Kode dan tulisan berwarna merah adalah tambahannnya, maka hasilnya menjadi;
Ketikan datanya di sini
Ketikan datanya di sini
editnya pada mode compose ya!
Ketikan datanya di sini Ketikan datanya di sini
Ketikan datanya di sini Ketikan datanya di sini
ini contoh editannya
Ketikan datanya di sini

Sementara untuk membuat tampilan link Demo dan Download sederhana seperti berikut:
Link Demo dan Download Blog
Silakan gunakan kode di bawah ini;
<table border="5">
<tr>
<td>DEMO</td> <td>DOWNLOAD</td>
</tr>
</table>
Ingat, untuk mengedit data agar tidak bingung, sobat harus dalam mode compose, mode HTML hanya digunakan pada saat meletakkan kode dasar perintah membuat tabel atau ingin menghapus tabel saja. Semoga bermanfaat!!!