//
you're reading...
Umum

CARA MEMBUAT TABEL DI BLOG WORDPRESS

CARA MEMBUAT TABEL DI BLOG WORDPRESS

Halaman depan blog ini, saya buat dengan “bermain tabel” agar berwarna-warni tetapi tidak perlu menambah image. Bagaimana cara membuatnya? Untuk memulainya, yuk kita lihat tabel di bawah ini:

JUDUL TABEL ANDA

PERCOBAAN KOLOM 1 KOLOM 2 KOLOM 3 KOLOM 4 KOLOM 5
BARIS 1 AAA BBB CCC DDD EEE
BARIS 2 FFF GGG HHH JJJ
BARIS 3 KKK LLL MMM NNN OOO

Nah, cara membuat tabel di atas adalah sebagai berikut:

Ketikkan pada tab HTML Editor Anda di WordPress sbb:

<h4>JUDUL TABEL ANDA</h4>

(kode html di atas ini digunakan untuk membuat judul pada tabel Anda)

<table border=”1″>
<tbody>
<tr>
<th>PERCOBAAN</th>
<th>KOLOM 1</th>
<th>KOLOM 2</th>
<th>KOLOM 3</th>
<th>KOLOM 4</th>
<th>KOLOM 5</th>
</tr>

(kode html di atas ini digunakan untuk membuat rincian paling atas pada tabel)

<tr>
<th>BARIS 1</th>
<td>AAA</td>
<td>BBB</td>
<td>CCC</td>
<td>DDD</td>
<td>EEE</td>
</tr>

(kode html di atas ini digunakan untukmengisi data pada Baris 1 pada tabel Anda, urutannya dari kiri ke kanan)

<tr>
<th>BARIS 2</th>
<td>FFF</td>
<td>GGG</td>
<td>HHH</td>
<td> &nbsp; </td>
<td>JJJ</td>
</tr>

(kode html di atas ini digunakan untuk mengisi data pada Baris 2 pada tabel anda, urutannya dari kiri ke kanan. pada Kolom ke 4 diisi &nbsp; untuk mengosongkan cell tsb kalau memang anda mau dikosongkan)

<tr>
<th>BARIS 3</th>
<td>KKK</td>
<td>LLL</td>
<td>MMM</td>
<td>NNN</td>
<td>OOO</td>
</tr>
</tbody>
</table>
<table border=”1″></table>

(kode html di atas ini digunakan untuk mengisi data pada Baris 3 pada tabel Anda, urutannya dari kiri ke kanan. dan anda harus tutup code htmlnya menggunakan code html 3 baris terakhir)

Nah, Tabel Anda sudah jadi dan tinggal diedit saja datanya mau dimasukkan apa…

Artikel di atas disedot mentah-mentah dari __http://nadasms.wordpress.com/2010/04/15/membuat-tabel-di-wordpress/ bukan untuk gagah-gagahan tetapi untuk pembelajaran.

CARA YANG LEBIH PRAKTIS

Cara yang berikut ini saya ambil mentah2 dari __http://hermanyudiono.wordpress.com/2009/05/17/cara-membuat-tabel-di-blog/ dan memang lebih praktis karena hanya tiga langkah di saat kita membuat postingan, tanpa harus mengerti bahasa HTML atau java script. Oke bro, gak perlu panjang lebar, di bawah ini adalah cara-cara membuat tabel di postingan blog wordpress.

  1. Buat materi postingan yang ada tabelnya di Microsoft Word terlebih dahulu.
  2. Login ke blog wordpress Anda, lalu buat ADD NEW pada POST. Klik tombol PASTE From Words (lihat panah merah pada gambar di bawah ini).

3. Akan muncul tampilan Paste From Word seperti ini.

4. Kembali ke Microsoft Word, blok materi postingan semuanya, lalu COPY.

5. Kembali ke tampilan Paste From Word , tekan CTRL+V di keyboard Anda, dantekan Insert. Contoh hasilnya seperti di bawah.

6. Materi dan tabel akan masuk ke tempat postingan. Silakan Anda atur kerapiannya dan edit sesuka Anda (misalnya beri warna yang berbeda dengan huruf postingan dll).

7. Setelah selesai menulis, klik Publish. Lihat tampilannya di Site View.

8. Selesai deh… :-)

Praktis toh cara membuat tabel di wordpress? Selamat mencoba.***

MEMBUAT LATAR BELAKANG BERWARNA DENGAN KODE WARNA

Nah, untuk membuat latar belakang berwarna pada tabel, gampang saja. Pertama, tentukan lajur mana yang akan diberi warna latar belakang. Kalau sudah ditentukan, maka buka draf tulisan pada mode HTML dan lihat kode “<td>” di awal setiap lajur. Misalnya Anda mau memberi latar warna hitam, maka kode itu bisa ditambahi dan menjadi begini “<td bgcolor=”#000000″>”, kalau mau warna lain, ya ganti saja code warnanya.

Iklan

Diskusi

Belum ada komentar.

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

%d blogger menyukai ini: