Cara Membuat Tabel/Kolom Pada Artikel Blog

Mungkin anda banyak yang bingung bagaimana ya cara bikin tabel/kolom pada artikel blog kita? Apalagi bagi yang baru mengenal blog, pasti akan terasa sulit. Mungkin pertanyaan ini pernah muncul di fikiran anda, yah tentunya ini di sebabkan karena artikel atau isi blog kita tersebut kadang-kadang memerlukan adanya tabel/kolom.

Tapi ga pakai tabel kan bisa juga? Bisa sih... tapi kan kurang bagus di lihatnya dan kurang jelas, dengan adanya tabel kita bisa memperjelas tujuan kita, selain itu akan terlihat lebih mantap, iya to...

Misalnya ketika kita menjual beberapa produk di blog kita, dan kita ingin membuat sebuah halaman kusus dimana halaman tersebut akan kita isi dengan semua produk yang kita tawarkan, tentu kita perlu membuat tabel, iya kaga..?

Sebenarnya ada beberapa cara untuk membuat Tabel/Kolom Pada Artikel Blog, tapi saya akan mengajarkan garis besarnya saja. Garis besarnya ada dua cara yaitu cara yang rumit dan cara yang muah. Segala penyelesaian itu selalu butuh 2 hal, kalau tidak susah ya gampang, Hahaha.... :D

Yang pertama saya akan ajarkan yang rumit dulu agar kita tidak kaget dengan cara yang mudah, karena kalau saya ajarin cara yang mudah dulu nanti ketemu cara yang rumit pasti otaknya kaget, akhirnya timbul efek negatif yaitu malas berpikir yang susah/rumit. Bagaimana mau maju bangsa ini kalau kita malas mikir sukanya yang gampang-gampang aja? Lagian meskipun caranya rumit toh udah dikasih tau cara/kunci jawabannya masak masih ogah mikir juga guys? apalagi kalau ketemu cara rumit gak ada yang kasih tahu cara/kunci jawabannya terus piye? bisa rontok tuh rambut.
Hahaha..., becanda guys, biar awet muda... :D

Okey, mari kita kembali ke topik utama yaitu Cara Membuat Tabel/Kolom Pada Artikel Blog.
Untuk membuat tabel di blogger kita hanya perlu beberapa kode html saja, yang nantinya akan kita gunakan dalam pembuatan tabel, berikut kode-kode html tersebut :
                                      
<table> dan </table>   
<tr> dan </tr>              
<td> dan </td>             
                                      

Beneran cuma itu saja kode yang di perlukan untuk membuat tabel?
YA... cukup dengan 3 atau 6 kode tersebut saja kita bisa membuat tabel. tapi ada sedikit kode tambahan sih.., Hahaha....

Oke guys, marilah skarang kita mulai satu per satu dan kita praktekan langsung. Silahkan buka blog anda dan tulis artikel baru lalu ikuti Cara Membuat Tabel/Kolom berikut ini :

A> Cara Rumit (sebenarnya kalau mau belajar ini mah gak rumit)
1> Membuat tabel dengan satu kotak/kolom/tabel saja, ketikan perintah berikut pada HTML artikel anda :

<table border="1" style="width: 500px;">
<tbody>
<tr>
<td><br />
Hai guys... :) <br />
GUE <br />
KEREN.. <br />
BANGET <br />
LHO.... :) <br />
<br /></td>
</tr>
</tbody>
</table>
<br />

Maka hasilnya akan seperti ini :

Hai guys... :) GUE KEREN.. BANGET LHO.... :)

Gimana, cukup mudah kan..? :D
Sekarang akan kita coba lagi, ketikkan pada HTML seperti berikut ini :

<br />
<table border="1" style="width: 500px;">
<tbody>
<tr><td><br />
BELAJAR<br />
MEMBUAT KOLOM DAN TABEL<br />
&lt;SATU&gt; tambah &lt;DUA&gt; sama dengan &lt;TIGA&gt;<br />
&lt; Yes, saya bisa... :) &gt;<br /><br />
&lt; Www.Sharing2informations.COM &gt;<br />
<br /></td></tr>
</tbody></table>
<br />

Maka akan tampil seperti ini :

BELAJAR MEMBUAT KOLOM DAN TABEL <SATU> tambah <DUA> sama dengan <TIGA> < Yes, saya bisa... :) > < Www.Sharing2informations.COM >

2> Membuat Tabel 2 Kolom kesamping dan 1 kolom kebawah, maka kita cukup menuliskan kode html berikut :

<table width="500" border="1"> <tr> <td>Kolom 1 </td> <td>Kolom 2 </td> </tr> </table>

Dan Hasilnya akan terlihat seperti ini : 

Kolom 1

Kolom 2

Jika ingin merubahnya menjadi 3 kolom kesamping dan 1 kolom kebawah anda cukup menambahkan kode <td>Kolom Tambahan atau Kolom 3</td> setelah kode kolom 2 dan hasilnya akan terlihat seperti ini :

Kolom 1

Kolom 2

Kolom 3

3> Membuat Tabel 2 Kolom kesamping dan 2 kolom kebawah, maka kita cukup menuliskan kode html berikut :

<table width="500" border="1">
<tr>
<td>Kolom 1 A </td>
<td>Kolom 1 B </td>
</tr>
<tr>
<td>Kolom 2 A </td>
<td>Kolom 2 B </td>
</tr>
</table>

Maka hasilnya akan tampil seperti ini :

Kolom 1 A	Kolom 1 B
Kolom 2 A	Kolom 2 B

Jika ingin merubahnya menjadi 3 kolom kesamping dan 2 kolom kebawah anda cukup menambahkan kode <td>Kolom Tambahan 1 atau 2 </td> di antara <tr> dan </tr> pertama dan kedua
Contoh:

 <table width="500" border="1">
<tr>
<td>Kolom 1 A</td>
<td>Kolom 2 A</td>
<td>Kolom Tambahan 1</td>
</tr>
<tr>
<td>Kolom 1 B</td>
<td>Kolom 2 B</td>
<td>Kolom Tambahan 2 </td>
</tr>
</table>

Maka hasilnya akan seperti ini :

Kolom 1 A	Kolom 2 A	Kolom Tambahan 1
Kolom 1 B	Kolom 2 B	Kolom Tambahan 2

Nah itulah Cara Membuat Tabel/Kolom Pada Artikel Blog yang Pertama, lumayan rumit sih tapi lumayan buat ngasah otak biar gak tumpul guys.. :D

Mungkin ada yang tanya, itu kode yang dipakai diatas nama kodenya apa saja sih? Yang jelas bukan kode togel/kode buntut guys... :D
Oke, ini aku jelasin biar gak bingung, berikut ini adalah nama/arti Kode HTML diatas sebagai berikut :
<br />                = ENTER
<table>             = MULAI MEMBUAT TABEL
<tbody>            = MENGAWALI PENULISANTEKS TABEL
<tr>                  = AWALI/TAMBAH BARIS
<td>                  = AWALI KOLOM
</td>                = AKHIRI BARIS
</tr>                = AKHIRI KOLOM
</tbody>         = MENGAKHIRI PENULISAN TEKS PADA TABEL
</table>          = MENGAKHIRI TABEL
<table border="1" style="width: 500px;">       = LEBAR TABEL SAMA DENGAN 500PX
Anda bisa merubah lebar tabel sesuka hati anda semisal 700px, 250px, 400px, dan lain-lain.


Cara Membuat Tabel/Kolom Pada Artikel Blog Yang Kedua
B> Cara Yang Mudah (Hmm..., yang males mikir senang banget pakai cara ini)

Bagi mereka yang sudah paham kode html hal akan lebih memilih untuk mengetikan kode-kodenya sendiri, tapi bagaimana jika kita tidak paham kode-kode tersebut? Ternyata dengan Microsoft Word kita bisa mengetahuai kode tersebut untuk kemudian kita copy paste di postingan blog, berikut adalah caranya:

• Buka Aplikasi Microsoft Word
• Buat Tabel Seperti Biasa
  Buat tabel dengan mengklik “insert“, “table“, kemudian tentukan jumlah kolom dan baris, dan jika perlu silahkan sesuaikan tebal garis dan warna sesuai selera.

• Simpan File Sebagai HTML Sederhana
  Klik “Save As“, kemudian pada bagian “Save As Type” pilih “Web Page, Filtered” kemudian “Save”

• Buka File dan Lihat Kode HTMLnya
  Buka file yang telah disimpan tadi melalui browser seperti Google Chrome, kemudian cari tahu kode HTMLnya dengan cara menekan “CTRL+U” atau dengan klik kanan kemudian pilih view page source.

•  Copy Kode HTML ke Postingan Blog
  Copy kode dalam file tersebut dimulai dari kode <table ….> sampai kode </table> dan paste kode tersebut pada postingan blog yang sudah dalam mode penulisan HTML

Selesai, maka akan nampak hasilnya sama persis dengan yang dibuat di Ms Word tadi.

Demikianlah Cara Membuat Tabel/Kolom Pada Artikel Blog, ada cara yang mudah ada pula cara yang rumit (padahal gak rumit). Terserah anda lebih senaang pakai cara yang mana, anda sendiri yang akan merasakan efeknya. Jika masih bingung juga caranya bikin tabel, silahkan bertanya daripada malu bertanya kesasar di KUA, hahaha...., silahkan like & share artikel ini jika dirasa sangat bermanfaat. Mari berbagi ilmu dan informasi, sebarkanlah ilmu walau secuil agar menjadi ilmu yang bermanfaat dan penuh barokah. Thanks guys... :)