17 July, 2011

Cara membuat tabel sederhana d posting blogspot

Tabel dalam sebuah postingan blogspot (blogger) yang lebih serius artinya bersifat formal dan menyisipkan data dalam tabel tersebut sangat di perlukan. Namun sayang dalam postingan blogspot tidak mendukung pembuatan tabel tersebut secara otomatis.

Permasalahan tersebut dapat di atasi dengan menggunakan bahasa html untuk membuatnya, seprti html berikut ini yang di gunakan untuk membuat tabel :

<table border=1>
  <tbody>
    <tr>
      <td>Judul 1</td>
      <td>Judul 2</td>
      <td>Judul 3</td>
    </tr>
</tbody>
</table>


Hal di atas dapat di buat secara manual di HTML pada posting, namun sekali lagi sangat sulit dan memakan waktu. Lalu bagaimana cara membuat tabel ini agar supaya kelihatan lebih mudah dan ngga ribet??
Tenang masalah segera di atasi berikut adalah tutorial membuat tabel di postingan blogger cara otomatis.

Tapi sebelumnya kita butuh bantuan Generate HTML Tables, langsung aja ngacir ke : http://tablegen.nfshost.com/

Oke sudah sampai ke website tabel generatornya? good.

Perhatikan pada Rows dan Cols

Rows : membuat kolom tabel sebanyak nilai yang di masukkan ke bawah.
Contoh jika anda memasukkan nilai 4 maka akan di tambahkan sebanyak 4 kolom ke bawah.

Cols : membuat kolom tabel sebanyak nilai yang di masukkan ke samping.
Contoh : Jika anda memasukkan nilai 3 maka akan di tambahkan sebanyak 3 kolom ke samping.

Berikut cara membuatnya :

Cara berikut tidak baku, anda bisa merubah nantinya tabel anda sendiri sesuai dengan keperluan.

Masukkan nilai 2 pada Rows --- KLIK Change Table Size.
Masukkan nilai 3 pada Cols --- KLIK Change Table Size.

Maka akan terlihat seperti pada gambar.

Kemudian isi masing2 kolom misalnya (lihat gambar/di isi dari kiri ke kanan pada tiap-2 kolom) :

saya mengisi :
Nama --- Tanggal Lahir --- Hobi (kolom 1)
Maddie Depal Suyadi --- 07 Januari --- Blogging (kolom 2)

Kemudian beri tanda centang pada First Row Contains Headers dan KLIK pada Generate HTML for Table Dan lihat pada Table Priview.

Untuk semantara di diamkan saja dulu.

Cara meletakkannya di posting blogger

Sekarang Login ke dasbor blogger Anda

KLIK Pada blog Anda


KLIK New Post


Isikan Judul post anda pada Post title

Perhatikan pada post anda KLIK HTML


Sekarang kembali ke tabel Generate HTML yang tadi telah Anda buat.

Copy (salin) kode yang ada di HTML Code of Your Table is/will be in This Big Box:

Kembali ke post blogger anda lalu pastekan kode tadi di post Post HTML.

Kemudian KLIK Publish. Dan jadinya akan seperti tabel di bawah ini.

Nama Tanggal Lahir Hobi
Maddie Depal Suyadi 07 Januari 1983 Blogging, blogger, ngeblog

Beres tabel sudah "nongkrong" di post blogspot anda, sekali lagi cara di atas tidak baku silahkan sesuaikan dengan tabel milik anda masing-masing.. salam.

1 comment


Copyright © 2016 Photoshop blog dan Blogger