Membuat tabel pelengkap dalam postingan

Menjumpai sahabat - sahabit brader dan teman online lainya pasti identik dengan rasa ingin selalu
Berbagi pengetahuan yang sekiranya bisa bermanfaat. hingga pada satu pertemuan kali ini terlintas
Dalam benak saya akan berbagi cara Membuat tabel pelengkap dalam postingan walau cara ini
Bisa di bilang cara kuno dan mungkin diantara sobat sudah banyak yang paham pada artikel yang
Akan saya bagikan ini tetapi. tidak menutup kemungkinan bagi sobat yang belum tau dengan Trik
Ini di persilahkan simak berikut di bawah ini berbagai pilihan tabel untuk kebutuhan postingan blog

Sebelum anda melanjutkan artikel ini jika ingin melihat hasil dari tutorial ini silahkan kunjungi
Halaman berikut ini artikel tersebut yang memakai tabel ini buka halaman : Examples Demo

Cara membuat tabel pelengkap dalam postingan :

Tabel adalah selector untuk menempatkan teks artikel pada yang di anggap pentinga dalam
Satu box columns dan untuk di gunakan pada bait postingan blog anda yang berbasic apapun
Di bawah ini Interesting collection tabel dengan berbagai bentuk pilihan Table box and tabs

01. Contoh tabel dengan 1 kolom

<table auto="" border="1"><tbody>
<tr> <td>INI CONTOH TABEL 1 KOLOM</td></tr>
</tbody></table>

Di bawah ini hasilnya :

INI CONTOH TABEL 1 KOLOM

02. Contoh tabel dengan 1 kolom 2 baris

<table auto="" border="1"><tbody>
<tr> <td>INI CONTOH TABEL 1 KOLOM</td> </tr>
<tr> <td>INI CONTOH TABEL 1 KOLOM</td> </tr>
</tbody></table>

Di bawah ini hasilnya :

INI CONTOH TABEL 1 KOLOM

03. Contoh tabel dengan 3 kolom

<table border="1" bordercolor="#0008b" cellpadding="2" cellspacing="2" style="background-color: white; width: 400px;"><tbody>
<tr>     <th colspan="3">Contoh Tabel 3 kolom untuk halaman postingan</th>     </tr>
<tr>         <td>Kolom Satu</td>         <td>Kolom Dua</td>         <td>Kolom Tiga</td>     </tr>
<tr>         <td>Kolom Empat</td>         <td>Kolom Lima</td>         <td>Kolom Enam</td>     </tr>
<tr>         <td>Kolom Tujuh</td>         <td>kolom Delapan</td>         <td>Kolom Sembilan</td>     </tr>
<tr>         <td>Kolom Sepuluh</td>         <td>Kolom Sebelas</td>         <td>Kolom Dua Belas</td>     </tr>
<tr>         <td>Kolom Tiga Belas</td>         <td>Kolom Empat Belas</td>         <td>Kolom Lima Belas</td>     </tr>
</tbody></table>

Di bawah ini hasilnya :

Contoh Tabel 3 kolom untuk halaman postingan
Kolom Satu	Kolom Dua	Kolom Tiga
Kolom Empat	Kolom Lima	Kolom Enam
Kolom Tujuh	kolom Delapan	Kolom Sembilan
Kolom Sepuluh	Kolom Sebelas	Kolom Dua Belas
Kolom Tiga Belas	Kolom Empat Belas	Kolom Lima Belas

Sekilas keterangan kode diatas :
Label penutup <th colspan="3"> dan tag penutup </th> yaitu kode untuk
Memenggal atau juga menyatukan 3 (tiga) kolom dari contoh tabel diatas
Label pembuka <td> dan dan tag penutup </td> ini adalah kode untuk membuat
Baris tabel label pembuka <tr> dan tag penutup </tr> dalah pemisah baris tabel

Width - height adalah ukuran kode untuk mengatur lebar - tinggi seluruh tabel
* Cellspasing adalah jarak antara kolom
* Cellpadding adalah jarak didalam kolom
* Colspan adalah menyesuaikan jumlah kolom

4. Contoh tabel untuk 2 kolom 4 baris

<table border="2" bordercolor="#00008b" style="background-color: white; width: 400px;"><tbody>
<tr> <td align="center">
Title 1</td> <td align="center">INI CONTOH TABEL 2 KOLOM 4 BARIS</td> </tr>
<tr> <td align="center">
Tag 2</td> <td align="center">INI CONTOH TABEL 2 KOLOM 4 BARIS</td> </tr>
<tr> <td align="center">
Tag 3</td> <td align="center">INI CONTOH TABEL 2 KOLOM 4 BARIS</td> </tr>
<tr> <td align="center">
Tag 4</td> <td align="center">INI CONTOH TABEL 2 KOLOM 4 BARIS</td> </tr>
</tbody></table>

Di bawah ini hasilnya :

Title 1	INI CONTOH TABEL 2 KOLOM 4 BARIS
Tag 2	INI CONTOH TABEL 2 KOLOM 4 BARIS
Tag 3	INI CONTOH TABEL 2 KOLOM 4 BARIS
Tag 4	INI CONTOH TABEL 2 KOLOM 4 BARIS

05. Contoh tabel 2 baris 2 kolom

<table auto="" border="1"><tbody>
<tr> <td>TABEL 2 BARIS 2 KOLOM</td> <td>TABEL 2 BARIS 2 KOLOM</td> </tr>
<tr> <td>TABEL 2 BARIS 2 KOLOM</td> <td>TABEL 2 BARIS 2 KOLOM</td> </tr>
</tbody></table>

Di bawah ini hasilnya :

TABEL 2 BARIS 2 KOLOM	TABEL 2 BARIS 2 KOLOM
TABEL 2 BARIS 2 KOLOM	TABEL 2 BARIS 2 KOLOM

06. Contoh 1 baris tabel 5 kolom

<table auto="" bgcolor="" border="1" cellpadding="5" cellspacing="5" gt=""><tbody>
<tr> <td align="center" colspan="5">CONTOH JUDUL 1 LABEL 5 KOLOM</td></tr>
<tr> <td align="left" bgcolor="">LABEL  1 </td> <td align="left" bgcolor="">LABEL  2 </td> <td align="left" bgcolor="">LABEL  3 </td> <td align="left" bgcolor="">LABEL  4 </td> <td align="left" bgcolor="">LABEL  5 </td> </tr>
<tr> </tr>
</tbody></table>

Di bawah ini hasilnya :

CONTOH JUDUL 1 LABEL 5 KOLOM
LABEL 1	LABEL 2	LABEL 3	LABEL 4	LABEL 5

07. Contoh 2 baris tabel 10 kolom

<table auto="" bgcolor="" border="1" cellpadding="5" cellspacing="5" gt=""><tbody>
<tr> <td align="center" colspan="5">CONTOH JUDUL 2 BARIS LABEL 10 KOLOM</td></tr>
<tr> <td align="left" bgcolor="">LABEL  1 </td> <td align="left" bgcolor="">LABEL  2 </td> <td align="left" bgcolor="">LABEL  3 </td> <td align="left" bgcolor="">LABEL  4 </td> <td align="left" bgcolor="">LABEL  5 </td> </tr>
<tr> </tr>
<tr> <td align="left" bgcolor="">LABEL  6 </td> <td align="left" bgcolor="">LABEL  7 </td> <td align="left" bgcolor="">LABEL  8 </td> <td align="left" bgcolor="">LABEL  9 </td> <td align="left" bgcolor="">LABEL  10 </td> </tr>
<tr> </tr>
</tbody></table>

Di bawah ini contohnya :

CONTOH JUDUL 2 BARIS LABEL 10 KOLOM
LABEL 1	LABEL 2	LABEL 3	LABEL 4	LABEL 5
LABEL 6	LABEL 7	LABEL 8	LABEL 9	LABEL 10

08. Di bawah ini contoh tabel untuk galeri photo iklan, toko online atau yang lain

<table bgcolor="#20b2aa" border="1" cellpadding="5" cellspacing="5" style="width: 400;"><tbody>
<tr> <td align="center" bgcolor="#00fa9a" colspan="5"><img alt="Gallery" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjSUgNd7yQ2PAv0dQKYjefNkBbe2AyRmVvoiM8fqcN9vz0MHV8VC4bGJvYmFo7ulUSLGCvOLJ41bL____Ss_w8IF1jxx0IGbV3j37Amq6FtTu6bU0hnlfeuqK3jL-bz3YGp1K7KBX0OUth/s1600/Logo+Blog+Karrysta.jpg" height="150" width="200" /></td></tr>
<tr> <td align="left" bgcolor="">Nama Iklan</td> <td align="left" bgcolor="">Google Adsense</td> </tr>
<tr> <td align="left" bgcolor="">Organisasi</td> <td align="left" bgcolor="">Karrysta</td> </tr>
<tr> <td align="left" bgcolor="">Tips Trik SEO</td> <td align="left" bgcolor="ffd500">Accessories Blogger</td> </tr>
<tr> </tr>
</tbody></table>

Di bawah ini hasilnya :


Nama Iklan	Google Adsense
Organisasi	Karrysta
Tips Trik SEO	Accessories Blogger

Keterangan :
Yang berwarna Merah itu URL gambar ganti menurut gambar yang anda kehendaki
Silahkan anda pilih tabel - tabel diatas dengan cara copy kode Html tabel dan pastekan
Pada halaman posting atau pada sidebar juga bisa pada bagian foter ata bagian mana
Pada blog anda dengan satu catatan memasukan kode ini tepat pada posisi kolom Html

Word utterance :
Demikianlah sobat beberapa pilihan tabel untuk melengkapi keperluan pada halaman
Postingan anda semoga yang saya hadirkan ini bisa di gunakan sebagaimana mestinya
Semoga bermanfaat ...