Cara Membuat Tabel Dalam Posting Blog

Cara Membuat Tabel Dalam Posting Blog

kueresepindonesia

Cara membuat tabel yang diperkenalkan pada postingan ini adalah tabel yang dibuat dalam halaman HTML posting blog. Membuat tabel dengan kode ini tidak hanya dapat dibuat pada halaman posting blog tetapi juga bisa pada gadget HTML/JavaScript blog.

Terkait dengan tabel ini Ahyar tidak terlalu jauh menyinggung karena saya berpikir bahwa hampir semua pengunjung dunia online internet sudah lebih memahami fungsinya. Dikatakan tabel karena terdiri dari baris dan kolom. Tabel ini juga dapat ditampilkan garis pinggir maupun tidak dan tidak mempengaruhi letak data yang ada dalam tabel.

Nah sekarang Ade akan menguraikan cara membuat tabel dalam halaman posting blog dengan langkah-langkah yang diuraikan bawah ini. Step yang dijelaskan ini blogger sudah Sign in di blog dan sedang berada pada halaman posting blog.

Teknik membuat tabel dalam halaman posting blog dapat ditempuh dengan langkah-langkah sebagai berikut, yaitu: 

1. Klick HTML yang berada pada bagian atas halaman edit posting blog untuk memulai menulis kode table
2. Jika diperlukan tandai Tafsirkan HTML pada Post Options di samping kanan halaman edit posting. Langkah ini dilakukan apabila membuat tabel dalam posting agar kode-kode ini dapat membentuk tabel sesuai dengan kode-kode yang ditulis.
3. Tulis atau masukan kode di bawah ini pada halaman HTML posting.

Inilah contoh penulisan kode tabel pada halaman posting blog.

<table

 border="1" bordercolor="#26D8C5" style="background-color:white" 

width="400" cellpadding="2" cellspacing="2" cellspacing="2">

<tr>

    <th colspan="3">Contoh Tabel dibuat dalam halaman posting 

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

</table>

Keterangan : Ganti kode tabel sesuai dengan kebutuhan anda. 

• Width adalah kode untuk mengatur lebar tabel keseluruhan
• Tag penutup <th colspan="3"> dan tag penutup </th> yaitu kode untuk memergel atau menyatukan 3 (tiga) kolom dari contoh tabel ini.
• Tag pembuka <td> dan dan tag penutup </td> yakni kode untuk membuat baris tabel 
• Tag pembuka <tr> dan tag penutup </tr> dalah pemisah baris tabel

4. Klick kembali Compose. Setelah melakukan langkah ini tabel akan langsung terlihat

5. Klick Simpan untuk menyimpan perubahan

6. Klick Terbitkan untuk mempublikasikan sehingga dapat akses pengunjung online internet. 

Hasil dari kode tabel di atas.

Contoh Tabel dibuat dalam halaman posting blog
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

Data tabel yang dibuat dengan kode di atas dapat diedit dan diinput langsung pada halaman edit posting (compose).

Sumber:    http://www.ronamasa.com/2011/07/cara-membuat-tabel-dalam-postingan-blog.html