Membuat Tabel Dalam Postingan Blog

Cara membuat tabel yang diperkenalkan pada postingan ini adalah tabel yang dibuat dengan kode HTML (HyperText Markup Language). Membuat tabel dengan html ini tidak hanya dapat dibuat pada halaman posting blog tetapi juga bisa pada gadget HTML/JavaScript blog. Itu tergantung dari kebutuhan pengguna tabel. Terkait dengan tabe ini Ahyar Blog tidak terlalu jauh menyinggung karena saya berpikir bahwa hampir semua pengunjung dunia internet sudah lebih memahami fungsinya.

Nah sekarang Ahyar Blog akan menguraikan cara membuat tabel dalam halaman posting blog dengan langkah-langkah yang diuraikan bawah ini. Langkah-langkah yang dijelaskan ini bloger 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 Compose
  2. Tandai Tafsirkan HTML pada Post Options di bagian bawah postingan. 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 posting. Ganti Teks yang ada dalam tabel dengan teks sesuai dengan kebutuhan anda.
  4. Klick kembali Compose apabila sudah selesai menulis kode-kode tablenya.
  5. Klick Simpan untuk menyimpan perubahan
  6. Klick Pratinjau apabila ingin melihat hasil sementara
  7. Klick Terbitkan entry atau publikasikan apabila ingin mempublikasikannya.

Inilah contoh penulisan kode tabel pada halaman psoting blog.

Klik show untuk Copy
<table border=”1″ bordercolor=”#26D8C5″ style=”background-color:white” width=”400″ cellpadding=”2″ cellspacing=”2″ cellspacing=”2″>
    <tr>
    <th colspan=”3″>Contoh Tabel dibuat menggunakan kode HTML</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 :
 Width                  : Kode untuk mengatur lebar tabel keseluruhan
 cellspacing=”2″ cellspacing=”2″> : Kode untuk menambah atau membentuk dua kolom horizontal
 <th colspan=”3″>    : Kode untuk memergel atau menyatukan 3 (tiga) kolom dari contoh tabel ini.

Jika code yang sobat pasang bener maka hasilnya akan seperti dibawah ini

Contoh Tabel dibuat menggunakan kode HTML
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

Semoga bermanfaat…

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s